/** Shopify CDN: Minification failed

Line 2669:20 Unexpected "{"
Line 2669:29 Expected ":"
Line 2670:20 Unexpected "{"
Line 2670:29 Expected ":"
Line 2681:20 Unexpected "{"
Line 2681:29 Expected ":"
Line 2721:89 Expected "}" to go with "{"

**/
/* Collection Tabs: bigger heading (all Collection Tabs sections) */
.section-collection-tabs .title_section .title {
  font-size: clamp(32px, 5vw, 150px);  /* small on phones, big on desktop */
  line-height: 1.1;
}
.section-collection-tabs .title_section .sub_title {
  font-size: clamp(15px, 1.6vw, 20px);
}
.section-collection-tabs .title_section {
  display: flex;
  flex-direction: column;
}
.section-collection-tabs .title_section .title     { order: 1; }
.section-collection-tabs .title_section .sub_title { order: 2; margin-top: 10px; color: #5b6480; }

/* =====================================================================
   101 WAGGING TAILS - Header v3 (Vinova Mate theme)
   Paste into store-custom.css (replace the previous header block).
   Brand colors: blue #2345d7, yellow #efab00, navy #0f1738.
   Desktop menu styles only apply from 992px up and never touch the
   mobile menu.
   ===================================================================== */

/* 1. CENTERED BLUE PILL MENU (desktop) --------------------------------- */
@media (min-width: 992px) {

  .header-bottom {
    background: transparent;
    box-shadow: none;
    position: relative;
    z-index: 20;
    margin-bottom: 16px;
    margin-top: 20px;
  }
  /* drop the empty left column so the pill spans the full container */
  .header-bottom .header-center__left { display: none; }
  .header-bottom .header-center__right { flex: 0 0 100%; max-width: 100%; }

  /* the pill */
  .header-bottom #AccessibleNav {
    background: #2345d7;
    border-radius: 999px;
    padding: 0 22px;
    box-shadow: 0 10px 24px rgba(35, 69, 215, 0.28);
  }
  .header-bottom .site-nav {
    display: flex;
    align-items: center;
    justify-content: space-around;   /* even spacing; use "center" for a tighter group */
    flex-wrap: nowrap;
    margin: 0;
  }
  .header-bottom .site-nav .nav--lv1,
  .header-bottom .site-nav .nav--lv1:first-child {
    padding: 16px 10px;
  }

  /* links: white, yellow on hover / current page */
  .header-bottom .site-nav .site-nav__link--main {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
  }
  .header-bottom .site-nav .nav--lv1:hover .site-nav__link--main,
  .header-bottom .site-nav .site-nav--active .site-nav__link--main {
    color: #efab00;
  }
  /* yellow underline that grows on hover */
  .header-bottom .site-nav .site-nav__link--main::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 0;
    height: 3px;
    border-radius: 3px;
    background: #efab00;
    transition: width .25s ease;
  }
  .header-bottom .site-nav .nav--lv1:hover .site-nav__link--main::after,
  .header-bottom .site-nav .site-nav--active .site-nav__link--main::after {
    width: 100%;
  }
  /* small arrow on items that have a dropdown */
  .header-bottom .site-nav .parent--lv1 .site-nav--title::after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-left: 8px;
    border: solid currentColor;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    position: relative;
    top: -3px;
  }
}

/* 2. DROPDOWN PANELS (desktop menu + sticky header only) ------------------ */
@media (min-width: 992px) {

  :is(.header-bottom, #header-sticky) .nav-dropdown--lv1,
  :is(.header-bottom, #header-sticky) .megaMenu {
    margin-top: 12px;
    border-radius: 16px;
    box-shadow: inset 0 3px 0 #efab00, 0 18px 40px rgba(16, 32, 96, 0.18) !important;
  }
  /* invisible bridge so the panel doesn't close while the mouse crosses the gap */
  :is(.header-bottom, #header-sticky) .nav-dropdown--lv1::before,
  :is(.header-bottom, #header-sticky) .megaMenu::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -14px;
    height: 14px;
  }
  :is(.header-bottom, #header-sticky) .nav-dropdown--lv1 > ul {
    padding: 14px 10px 10px !important;
    margin: 0;
  }
  :is(.header-bottom, #header-sticky) .nav-dropdown--lv1 .site-nav__link {
    padding: 10px 14px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    color: #0f1738;
    transition: background .2s ease, color .2s ease, padding .2s ease;
  }
  :is(.header-bottom, #header-sticky) .nav-dropdown--lv1 .site-nav__link:hover {
    background: #eef2ff;
    color: #2345d7;
    padding-left: 18px;
  }
  /* second-level fly-out */
  :is(.header-bottom, #header-sticky) .nav-dropdown--lv2 ul {
    padding: 10px;
    border-radius: 14px;
    box-shadow: 0 18px 40px rgba(16, 32, 96, 0.18);
  }
}

/* 3. ACCOUNT / WISHLIST / BASKET: matching pill buttons (icon + text) ----- */

/* shared look */
.site-header .site-header_myaccount .myaccount.header-icon,
.site-header .header--wishlist .header-icon,
.site-header .site-header__cart .site-header__cart-icon.header-icon,
#header-sticky .site-header_myaccount .myaccount.header-icon,
#header-sticky .contentstickynew_wishlist .header-icon,
#header-sticky .site-header__cart .site-header__cart-icon.header-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: auto !important;
  height: 42px !important;
  padding: 0 18px;
  border: 2px solid #2345d7;
  border-radius: 999px;
  background: transparent !important;
  color: #2345d7 !important;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  transition: background .2s ease, color .2s ease;
}
/* hover = filled blue */
.site-header .site-header_myaccount .myaccount.header-icon:hover,
.site-header .header--wishlist .header-icon:hover,
.site-header .site-header__cart .site-header__cart-icon.header-icon:hover,
#header-sticky .site-header_myaccount .myaccount.header-icon:hover,
#header-sticky .contentstickynew_wishlist .header-icon:hover,
#header-sticky .site-header__cart .site-header__cart-icon.header-icon:hover {
  background: #2345d7 !important;
  color: #fff !important;
}
/* the icons */
.site-header .site-header_myaccount .myaccount i,
.site-header .header--wishlist .header-icon i,
.site-header .site-header__cart-icon.header-icon i,
#header-sticky .site-header_myaccount .myaccount i,
#header-sticky .contentstickynew_wishlist .header-icon i,
#header-sticky .site-header__cart-icon.header-icon i {
  display: inline-block;
  margin: 0;
  font-size: 17px;
  color: inherit !important;
}
/* the text labels (edit the words here if you like) */
.site-header_myaccount .myaccount::after { content: "Account"; }
.header--wishlist .header-icon::after,
.contentstickynew_wishlist .header-icon::after { content: "Wishlist"; }
.site-header__cart-icon.header-icon::after { content: "Basket"; }

html[lang^="ar"] .site-header_myaccount .myaccount::after { content: "حسابي"; }
html[lang^="ar"] .header--wishlist .header-icon::after,
html[lang^="ar"] .contentstickynew_wishlist .header-icon::after { content: "المفضلة"; }
html[lang^="ar"] .site-header__cart-icon.header-icon::after { content: "السلة"; }

/* sticky header: remove the theme's square outline around the account wrapper */
#header-sticky .contentstickynew_myaccount.header-icon {
  width: auto !important;
  height: auto !important;
  padding: 0;
  border: 0;
  background: none !important;
}
/* spacing between the three buttons */
.site-header .header-group-item,
#header-sticky .header-group-item { gap: 10px; }

/* count bubbles in brand yellow */
.site-header .WishlistCount,
.site-header .site-header__cart .site-header__cart-count,
#header-sticky .WishlistCount,
#header-sticky .site-header__cart .site-header__cart-count {
  background: #efab00 !important;
  color: #0f1738 !important;
}

/* narrower screens: smaller buttons */
@media (max-width: 1199px) {
  .site-header .site-header_myaccount .myaccount.header-icon,
  .site-header .header--wishlist .header-icon,
  .site-header .site-header__cart .site-header__cart-icon.header-icon {
    padding: 0 12px;
    font-size: 13px;
    gap: 6px;
  }
}
/* tablets: icon-only round buttons so the header row never overflows */
@media (max-width: 991px) {
  .site-header .site-header_myaccount .myaccount.header-icon,
  .site-header .header--wishlist .header-icon,
  .site-header .site-header__cart .site-header__cart-icon.header-icon {
    width: 42px !important;
    padding: 0;
  }
  .site-header .site-header_myaccount .myaccount::after,
  .site-header .header--wishlist .header-icon::after,
  .site-header .site-header__cart-icon.header-icon::after { display: none; }
}

/* =====================================================================
   101 WAGGING TAILS - Product page (Vinova Mate theme)
   Paste at the bottom of assets/store-custom.css
   Brand: blue #2345d7 | yellow #efab00 | orange #f1731f | navy #0f1738
   Everything is scoped to .template-product (product pages only).
   ===================================================================== */

.template-product {
  --b-blue:   #2345d7;
  --b-blue-d: #1a37b5;
  --b-yellow: #efab00;
  --b-orange: #f1731f;
  --b-ink:    #0f1738;
  --b-muted:  #5b6480;
  --b-line:   #e6ebf7;
  --b-panel:  #f5f7ff;
}

/* 1. GALLERY ----------------------------------------------------------- */
.template-product .product-single__photos .proFeaturedImage {
  background: var(--b-panel);
  border-radius: 24px;
  overflow: hidden;
  padding: 12px;
}
.template-product .product-single__photos .proFeaturedImage img { mix-blend-mode: multiply; }

.template-product #productThumbs .product-single__thumbnail {
  display: block;
  background: var(--b-panel);
  border: 2px solid transparent;
  border-radius: 14px;
  overflow: hidden;
  transition: border-color .2s ease;
}
.template-product #productThumbs .product-single__thumbnail img { mix-blend-mode: multiply; }
.template-product #productThumbs .product-single__thumbnail::before,
.template-product #productThumbs .product-single__thumbnail::after { display: none !important; } /* removes the green underline */
.template-product #productThumbs .thumbItem:hover .product-single__thumbnail,
.template-product #productThumbs .thumbItem.active .product-single__thumbnail {
  border-color: var(--b-blue);
}

/* 2. TITLE, HEART, BRAND, REVIEWS --------------------------------------- */
@media (min-width: 1200px) {
  .template-product .product-single__information { padding-left: 4rem; }
}
.template-product h1.product-single__title {
  font-size: clamp(22px, 2.6vw, 32px);
  line-height: 1.25;
  font-weight: 800;
  color: var(--b-ink);
}
.template-product .product-single__wishlist .btnProductWishlist {
  width: 46px;
  height: 46px;
  background: #fff;
  color: var(--b-ink);
  border: 2px solid var(--b-line);
  transition: border-color .2s ease, color .2s ease;
}
.template-product .product-single__wishlist .btnProductWishlist:hover,
.template-product .product-single__wishlist .btnProductWishlist.whislist-added {
  background: #fff;
  color: var(--b-orange);
  border-color: var(--b-orange);
}
.template-product .product-detail-brand {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 14px;
  padding: 6px 14px;
  border-radius: 999px;
  background: var(--b-panel);
  color: var(--b-ink);
  font-size: 13px;
  font-weight: 700;
}
.template-product .product-detail-brand i { color: var(--b-blue); }
.template-product .jdgm-star.jdgm--on,
.template-product .jdgm-star.jdgm--half { color: var(--b-yellow) !important; }
.template-product .product-single__top-review .btn-review__all {
  margin-left: 12px;
  font-size: 12px;
  text-transform: none;
  color: var(--b-blue);
}

/* 3. PRICE + STOCK ------------------------------------------------------- */
.template-product .product-single__price {
  gap: 12px;
  margin: 6px 0 14px;
  font-size: 34px;
  line-height: 1.1;
  font-weight: 800;
  color: var(--b-blue);
}
.template-product .product-single__price .product-price__price,
.template-product .product-single__price .product-price__sale { order: 1; color: var(--b-blue); }
.template-product .product-single__price s {
  order: 2;
  margin: 0;
  padding: 0;
  font-size: 18px;
  font-weight: 600;
  color: #9aa3b5;
}
.template-product .product-single__price s::after { display: none; }
.template-product .product-single__price .product-price__badge {
  order: 3;
  margin: 0;
  padding: 5px 12px;
  background: var(--b-yellow);
  color: var(--b-ink);
  font-size: 13px;
  font-weight: 800;
  text-transform: none;
  border-radius: 999px;
}
.template-product .available_product { margin-bottom: 18px; }
.template-product .available_product .available_name { display: none; }
.template-product .available_product .product__available {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  border-radius: 999px;
  background: #e8f7ee;
  color: #1a8f4e;
  font-size: 12px;
  font-weight: 800;
}
.template-product .available_product .product__available.sold-out {
  background: #fdecec;
  color: #d33a3a;
}
/* deal progress bar */
.template-product .deal-flash__sale-progress { border-radius: 999px; overflow: hidden; }
.template-product .deal-flash__sale-progress .progress__bar {
  background: linear-gradient(90deg, #efab00, #f1731f) !important;
  border-radius: 999px;
}

/* 4. OPTIONS (KG / size) as pill buttons --------------------------------- */
.template-product .section-product-single variant-radios { max-width: 100%; }
.template-product .product-single__control-label {
  min-width: 0;
  font-size: 14px;
  font-weight: 800;
  text-transform: none;
  color: var(--b-ink);
}
.template-product .variant_current { color: var(--b-blue); }
.template-product .product-form__input:not(.variant-color) input[type='radio'] + label {
  min-width: 64px;
  height: 46px;
  line-height: 42px;
  padding: 0 18px;
  background: #fff;
  color: var(--b-ink);
  font-size: 14px;
  font-weight: 700;
  border: 2px solid var(--b-line);
  border-radius: 12px;
  cursor: pointer;
  transition: border-color .2s ease, background .2s ease, color .2s ease;
}
.template-product .product-form__input:not(.variant-color) input[type='radio']:hover + label {
  border-color: var(--b-blue);
}
.template-product .product-form__input:not(.variant-color) input[type='radio']:checked + label {
  background: var(--b-blue);
  border-color: var(--b-blue);
  color: #fff;
}
.template-product .product-form__input:not(.variant-color) input[type='radio'] + label.soldout {
  opacity: .45;
  text-decoration: line-through;
}
.template-product variant-selects select {
  height: 50px;
  padding: 0 14px;
  border: 2px solid var(--b-line);
  border-radius: 12px;
  background-color: #fff;
  color: var(--b-ink);
  font-weight: 700;
}

/* 5. QUANTITY + ADD TO BAG + BUY NOW ------------------------------------- */
.template-product .product-single__quantity { margin-top: 22px !important; margin-bottom: 18px !important; }
.template-product .product-single__quantity .product-single__control-label { margin-bottom: 8px; }
.template-product .product-form__item--quantity .quick_view_qty {
  flex: 0 0 132px;
  width: 132px;
  min-width: 132px;
  height: 56px;
  background: #fff;
  border: 2px solid var(--b-line);
  border-radius: 12px;
}
.template-product .product-form__item--quantity .quick_view_qty .quantity-selector {
  width: 100%;
  height: 52px;
  font-size: 16px;
  font-weight: 800;
  color: var(--b-ink);
  background: transparent;
}
.template-product .product-form__item--quantity .quick_view_qty .quick_view-qty {
  height: 52px;
  line-height: 52px;
  width: 38px;
  font-size: 22px;
  color: var(--b-blue);
  background: transparent;
}
.template-product .product-form__item--quantity .quick_view_qty .quick_view-qty:hover { color: var(--b-orange); }

.template-product .product-form__item--submit { flex: 1 1 0%; min-width: 0; }
.template-product .btnAddToCart.product-form__cart-submit {
  height: 56px;
  line-height: normal;
  background: var(--b-blue);
  color: #fff;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: .3px;
  text-transform: none;
  border-radius: 12px;
  box-shadow: 0 10px 22px rgba(35, 69, 215, 0.28);
  transition: background .2s ease, transform .2s ease, box-shadow .2s ease;
}
.template-product .btnAddToCart.product-form__cart-submit:hover {
  background: var(--b-blue-d);
  transform: translateY(-1px);
  box-shadow: 0 14px 26px rgba(35, 69, 215, 0.34);
}
.template-product .product-form__item--submit.soldout .btnAddToCart.product-form__cart-submit {
  background: #c9ced9;
  box-shadow: none;
}
.template-product .product_option_sub { margin-top: 12px; }
.template-product .product-form__item--checkout .shopify-payment-button__button--unbranded {
  min-height: 56px;
  background: var(--b-yellow) !important;
  color: var(--b-ink) !important;
  font-size: 15px;
  font-weight: 800;
  text-transform: none;
  border-radius: 12px !important;
  transition: background .2s ease;
}
.template-product .product-form__item--checkout .shopify-payment-button__button--unbranded:hover {
  background: #d99a00 !important;
  color: var(--b-ink) !important;
}

/* 6. SHARE BUTTON -------------------------------------------------------- */
.template-product .product-single__share-ask-sizeguide {
  border-bottom: 0;
  margin-top: 18px !important;
  padding-bottom: 0 !important;
}
.template-product .product-single__share-ask-sizeguide-title {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  background: #fff;
  border: 2px solid var(--b-line);
  border-radius: 999px;
  color: var(--b-ink);
  font-weight: 700;
  transition: border-color .2s ease, color .2s ease;
}
.template-product .product-single__share-ask-sizeguide .product-single__share-ask-sizeguide-title i {
  margin: 0;
  font-size: 17px;
  color: var(--b-blue);
}
.template-product .product-single__share-ask-sizeguide .product-single__share-ask-sizeguide-title span {
  font-size: 13px;
  text-transform: none;
}
.template-product .product-single__share-ask-sizeguide-title:hover {
  border-color: var(--b-blue);
  color: var(--b-blue);
}

/* 7. DELIVERY STATUS CARD ------------------------------------------------ */
.template-product .product-single__shiping {
  display: grid;
  gap: 10px;
  margin-top: 22px;
}
.template-product .product-single__shiping .shiping_time,
.template-product .product-single__shiping .shiping_truck {
  gap: 14px;
  margin: 0;
  padding: 14px 16px;
  background: var(--b-panel);
  border: 1px solid var(--b-line);
  border-left: 4px solid var(--b-yellow);
  border-radius: 14px;
  font-size: 14px !important;
  line-height: 1.5;
  color: var(--b-ink) !important;
}
.template-product .product-single__shiping i {
  flex: 0 0 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin: 0;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(16, 32, 96, 0.12);
  font-size: 20px !important;
  color: var(--b-blue) !important;
}

/* 8. ACCORDIONS (returns, shipping) + DESCRIPTION ------------------------ */
.template-product .purchase-details details {
  margin-top: 12px;
  padding: 0 16px;
  background: #fff;
  border: 2px solid var(--b-line);
  border-radius: 14px;
  transition: border-color .2s ease;
}
.template-product .purchase-details details[open] { border-color: var(--b-blue); }
.template-product .purchase-details details summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 0;
  list-style: none;
  cursor: pointer;
  color: var(--b-ink);
}
.template-product .purchase-details details summary::-webkit-details-marker { display: none; }
.template-product .purchase-details details summary i { color: var(--b-blue); transition: transform .2s ease; }
.template-product .purchase-details details[open] summary i { transform: rotate(180deg); }
.template-product .purchase-details details .rte,
.template-product .purchase-details details > a {
  display: block;
  margin-bottom: 14px;
  font-size: 14px;
  line-height: 1.7;
  color: var(--b-muted);
}
.template-product .purchase-details details > a { color: var(--b-blue); font-weight: 700; }

.template-product .product-detail-description {
  margin-top: 24px;
  font-size: 14.5px;
  line-height: 1.8;
  color: #3d4560;
}
.template-product .product-detail-description strong,
.template-product .product-detail-description h2,
.template-product .product-detail-description h3,
.template-product .product-detail-description h4 { color: var(--b-ink); }
.template-product .product-detail-origin i { color: var(--b-blue); }

/* tabs (only if you use custom tabs) */
.template-product .product-single__tab .nav-tabs li a.active,
.template-product .product-single__tab .nav-tabs li a:hover { color: var(--b-blue); }
.template-product .product-single__tab .nav-tabs li a:after { background: var(--b-yellow); height: 4px; border-radius: 4px; }

/* reviews + policy blocks */
.template-product #ProductSignleReview { background: var(--b-panel) !important; }
.template-product .nov-policy-item .policy__item--content {
  height: 100%;
  padding: 18px;
  background: var(--b-panel);
  border: 1px solid var(--b-line);
  border-radius: 18px;
}

/* 9. SECTION TITLES (related / you might also like / collections / recent) */
.template-product .ProductRelated .title_block { margin-bottom: 2.4rem; }
.template-product .ProductRelated .title_block span:not(.sub_title),
.template-product .title_section .title {
  font-size: clamp(22px, 3vw, 30px);
  font-weight: 800;
  text-transform: none;
  color: var(--b-ink) !important;
}
.template-product .ProductRelated .title_block::after,
.template-product .title_section::after {
  content: "";
  display: block;
  width: 56px;
  height: 4px;
  margin: 14px auto 0;
  border-radius: 4px;
  background: var(--b-yellow);
}
/* related products slider: round arrows, room for card shadows */
.template-product .ProductRelated .slick-list { padding: 10px 0 16px !important; }
.template-product .ProductRelated .slick-arrow {
  width: 44px;
  height: 44px;
  line-height: 40px;
  border: 2px solid var(--b-line);
  border-radius: 50%;
  box-shadow: 0 4px 12px rgba(16, 32, 96, 0.1);
  color: var(--b-ink);
}
.template-product .ProductRelated .slick-arrow:hover {
  background: var(--b-blue);
  border-color: var(--b-blue);
  color: #fff;
}

/* 10. BROWSE COLLECTIONS: Dog / Cat cards -------------------------------- */
.template-product .collec-img__item {
  padding: 14px 14px 24px;
  background: var(--b-panel);
  border: 1px solid var(--b-line);
  border-radius: 24px;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.template-product .block-2 .collec-img__item { background: #fff7e0; }   /* second card = warm yellow tint */
.template-product .collec-img__item:hover {
  transform: translateY(-6px);
  border-color: var(--b-blue);
  box-shadow: 0 18px 36px rgba(35, 69, 215, 0.16);
}
.template-product .collec-image::after { display: none !important; }   /* removes the dashed border */
.template-product .collec-image .block-image {
  background: #fff !important;
  border-radius: 18px !important;
  box-shadow: none !important;
}
.template-product .collec-image .block-image img { border-radius: 18px !important; }
.template-product .collec-img__text { margin-top: 18px !important; }
.template-product .collec-img__text,
.template-product .collec-img__text a {
  font-size: 22px !important;
  font-weight: 800;
  color: var(--b-ink) !important;
}
.template-product .collec-img__desc { color: var(--b-muted) !important; }
.template-product .collec-img__item .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 46px;
  line-height: 1;
  padding: 0 28px;
  background: var(--b-blue) !important;
  color: #fff !important;
  border-radius: 12px;
  font-weight: 800;
}
.template-product .collec-img__item .btn:hover {
  background: var(--b-yellow) !important;
  color: var(--b-ink) !important;
}

/* 11. STICKY ADD-TO-CART BAR (shows after you enable it in the editor) --- */
.template-product .product-single__stick-add {
  background: #fff;
  border-top: 1px solid var(--b-line);
  box-shadow: 0 -10px 30px rgba(16, 32, 96, 0.12);
}
.template-product .product-single__stick-add .product__title { color: var(--b-ink); }
.template-product .product-single__stick-add .product-single__price-sticky { color: var(--b-blue); }
.template-product .product-single__stick-add .btnAddToCart,
.template-product .product-single__stick-add button[type="submit"] {
  background: var(--b-blue);
  color: #fff;
  border-radius: 12px;
  font-weight: 800;
}

/* 12. MOBILE ------------------------------------------------------------- */
@media (max-width: 767px) {
  .template-product .product-single__photos .proFeaturedImage { border-radius: 20px; padding: 6px; }
  .template-product .product-single__price { font-size: 30px; }
  .template-product .product-form__item--quantity .quick_view_qty { flex-basis: 116px; width: 116px; min-width: 116px; }
  .template-product .btnAddToCart.product-form__cart-submit { font-size: 14px; }
  .template-product .product-single__shiping .shiping_time,
  .template-product .product-single__shiping .shiping_truck { padding: 12px 14px; font-size: 13px !important; }
  .template-product .collec-img__item { padding: 10px 10px 18px; border-radius: 20px; }
  .template-product .collec-img__text,
  .template-product .collec-img__text a { font-size: 18px !important; }
  .template-product .collec-img__item .btn { height: 42px; padding: 0 18px; font-size: 13px; }
  /* keep the sticky add-to-cart bar above the phone bottom menu */
  .template-product .product-single__stick-add { bottom: 58px; }
}



/* =====================================================================
   101 WAGGING TAILS - Footer (Vinova Mate theme)
   Paste at the bottom of assets/store-custom.css
   Brand: blue #2345d7 | yellow #efab00 | navy #0f1738
   ===================================================================== */

/* 1. FOOTER SHELL: brand blue, rounded top, subtle paw pattern ----------- */
body .nov-footer.nov-footer {
  margin-top: 70px;
  border-top: 0;
  border-radius: 32px 32px 0 0;
  overflow: hidden;
  background-color: #2345d7;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='260' height='260' viewBox='0 0 260 260'%3E %3Cdefs%3E%3Cpath id='p' fill-rule='evenodd' d='M392 259 378 258 363 252 349 242 335 228 313 190 299 141 296 93 305 51 313 34 323 21 336 11 350 6 365 6 380 11 396 21 409 34 422 52 433 74 447 122 450 170 446 196 440 216 431 234 420 247 407 255ZM220 300 205 298 190 292 176 282 161 267 138 229 123 181 119 135 122 111 127 92 134 77 143 64 155 54 169 49 185 49 201 54 217 64 231 77 255 114 265 138 272 164 277 212 274 236 268 258 259 276 248 289 234 297ZM515 356 502 356 490 351 480 344 471 332 463 315 458 296 456 258 464 216 481 181 493 167 504 158 518 152 530 151 541 153 552 159 569 181 579 213 581 249 574 287 559 321 539 345 527 352ZM124 399 98 396 69 381 44 357 23 327 10 294 6 261 12 236 19 226 28 219 40 215 55 215 69 218 86 226 118 252 143 287 157 325 160 346 159 361 155 375 148 387 137 395ZM263 901 212 899 166 886 145 875 127 862 99 830 77 786 70 761 65 731 64 680 74 617 95 556 124 502 165 448 209 406 258 374 304 356 351 349 377 350 400 354 440 369 472 390 500 418 522 454 538 497 546 546 545 595 537 643 521 692 498 739 470 781 436 819 394 852 353 876 310 892ZM278 775 295 770 311 761 328 747 343 730 368 688 385 639 395 580 396 556 393 528 388 509 379 492 368 480 354 474 339 473 319 480 299 493 277 514 257 541 239 572 226 601 217 630 207 690 208 714 214 737 224 754 238 766 258 774Z'/%3E%3C/defs%3E %3Cg fill='%23ffffff' fill-opacity='0.075'%3E %3Cuse xlink:href='%23p' transform='translate(30 34) rotate(-14) scale(0.085) translate(-294 -454)'/%3E %3Cuse xlink:href='%23p' transform='translate(160 164) rotate(16) scale(0.085) translate(-294 -454)'/%3E %3C/g%3E%3C/svg%3E");
  background-size: 260px 260px;
  color: #fff;
}

/* 2. NEWSLETTER BAND: brand yellow ---------------------------------------- */
.nov-footer .footer_newsletter {
  background: #efab00;
  color: #0f1738;
  padding: 52px 15px 56px !important;
}
.nov-footer .footer_newsletter .title-block {
  margin-bottom: 8px !important;
  font-size: clamp(24px, 3vw, 32px);
  font-weight: 800;
  color: #0f1738;
}
.nov-footer .footer_newsletter .desc { color: #0f1738; margin-bottom: 22px !important; }
.nov-footer .footer_newsletter .input-group { max-width: 620px; margin-top: 22px; }
.nov-footer .footer_newsletter input {
  height: 58px;
  background: #fff;
  color: #0f1738 !important;
  border: 2px solid #fff !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 24px rgba(15, 23, 56, 0.16);
  font-size: 14px;
}
.nov-footer .footer_newsletter input::placeholder { color: #7b8499 !important; }
.nov-footer .footer_newsletter input:focus { border-color: #2345d7 !important; outline: 0; }
.nov-footer .footer_newsletter button {
  height: 46px;
  line-height: 46px;
  padding: 0 26px;
  background: #2345d7;
  color: #fff;
  font-size: 13px;
  text-transform: none;
  border-radius: 999px;
}
.nov-footer .footer_newsletter button:hover { background: #0f1738; }

/* 3. MAIN FOOTER COLUMNS ---------------------------------------------------- */
.nov-footer .footer-layout {
  padding-top: 64px !important;
  padding-bottom: 36px !important;
  color: #fff;
}
.nov-footer .footer-layout .title-block {
  margin-bottom: 22px;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: .8px;
  color: #fff;
}
.nov-footer .footer-layout .title-block::after {
  content: "";
  display: block;
  width: 36px;
  height: 3px;
  margin-top: 10px;
  border-radius: 3px;
  background: #efab00;
}
.nov-footer .site-footer__linklist-item a {
  display: inline-block;
  color: rgba(255, 255, 255, 0.88);
  font-weight: 500;
  transition: color .2s ease, transform .2s ease;
}
.nov-footer .footer-layout a:hover { color: #efab00; }
.nov-footer .site-footer__linklist-item a:hover { transform: translateX(4px); }
.nov-footer .footer_menu li:not(:last-child) { margin-bottom: 12px; }

/* brand block (Custom HTML block): logo + short text */
.nov-footer .footer_html img {
  max-width: 170px;
  height: auto;
  padding: 12px 16px;          /* white chip so the regular logo stays readable */
  background: #fff;            /* delete these 3 chip lines if you upload a white logo */
  border-radius: 16px;
}
.nov-footer .footer_html .bl_html {
  max-width: 340px;
  font-size: 14.5px;
  line-height: 1.75;
  color: rgba(255, 255, 255, 0.88);
}

/* contact block */
.nov-footer .footer_contact .footertop-item__contact { margin-bottom: 14px !important; }
.nov-footer .footertop-item__contact .footertop-item__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 40px;
  width: 40px;
  min-width: 40px;
  height: 40px;
  margin-right: 14px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.14);
}
.nov-footer .footer_contact .block-content i { color: #efab00; font-size: 18px; }
.nov-footer .footertop-item__contact .phone { font-size: 15px; font-weight: 800; color: #fff; }

/* 4. BOTTOM BAR: social | copyright + policies | payments ----------------- */
.nov-footer .footer_copyright {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
  background: #1a2fa0;
  color: rgba(255, 255, 255, 0.82);
  font-size: 14px;
  border-color: rgba(255, 255, 255, 0.16) !important;
}
.nov-footer .footer_copyright .block_social a {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #fff;
  color: #2345d7;
  font-size: 16px;
  transition: background .2s ease, color .2s ease, transform .2s ease;
}
.nov-footer .footer_copyright .block_social a:hover {
  background: #efab00;
  color: #0f1738;
  transform: translateY(-3px);
}
.nov-footer .footer_copyright .block_social li:not(:last-child) { margin-right: 10px; }
.nov-footer .copyright { line-height: 1.9; }
.nov-footer .copyright a {
  color: #fff !important;                 /* the theme credit link was forced blue */
  text-decoration: underline;
  text-underline-offset: 3px;
}
.nov-footer .copyright a:hover { color: #efab00 !important; }
.nov-footer .footer__payment { gap: 8px; }
.nov-footer .footer__payment .payment__item { margin: 0 !important; }
.nov-footer .footer__payment .payment__item svg { border-radius: 6px; }

/* 5. MOBILE ------------------------------------------------------------------ */
@media (max-width: 767px) {
  body .nov-footer.nov-footer { border-radius: 24px 24px 0 0; margin-top: 50px; }
  .nov-footer .footer_newsletter { padding: 40px 15px 44px !important; }
  .nov-footer .footer-layout { padding-top: 36px !important; padding-bottom: 12px !important; }
  .nov-footer .footer_copyright { text-align: center; }
  .nov-footer .footer_copyright .block_social ul { justify-content: center; display: flex; }
  .nov-footer .footer__payment { margin-top: 14px; }
}
@media (max-width: 575px) {
  .nov-footer .footer-layout .title-block::after { display: none; }   /* tidy accordion rows */
  .nov-footer .block_footer { border-bottom: 1px solid rgba(255, 255, 255, 0.16); }
  .nov-footer .f_btn_sl { color: #efab00; }
}


/* =====================================================================
   101 WAGGING TAILS - Cart page (Vinova Mate theme)
   Paste at the bottom of assets/store-custom.css
   Brand: blue #2345d7 | yellow #efab00 | orange #f1731f | navy #0f1738
   Scoped to .template-cart (the cart page only)
   ===================================================================== */

.template-cart {
  --b-blue:   #2345d7;
  --b-blue-d: #1a37b5;
  --b-yellow: #efab00;
  --b-orange: #f1731f;
  --b-ink:    #0f1738;
  --b-muted:  #5b6480;
  --b-line:   #e6ebf7;
  --b-panel:  #f5f7ff;
}

/* 1. PAGE + COLUMN HEADER ------------------------------------------------------ */
.template-cart .cart-section { background: #f7f9ff; padding: 34px 0 70px; }
.template-cart .cart-section .cart .cart__layout_left { margin-bottom: 60px; }
.template-cart .cart-section .cart .cart__layout_left .cart__header {
  margin-bottom: 14px;
  padding: 14px 0;
  background: var(--b-panel);
  border: 1px solid var(--b-line);
  border-radius: 14px;
  font-size: 12px;
  letter-spacing: .6px;
  color: var(--b-muted);
}

/* 2. EACH PRODUCT = A CARD -------------------------------------------------------- */
.template-cart .cart-section .cart .cart__layout_left .cart__body { border: 0; }
.template-cart .cart-section .cart .cart__layout_left .cart__body .cart-flex {
  position: relative;
  margin-bottom: 14px;
  padding: 18px 16px;
  background: #fff;
  border: 1px solid var(--b-line) !important;
  border-radius: 18px;
  box-shadow: 0 2px 10px rgba(16, 32, 96, 0.05);
  transition: box-shadow .2s ease, border-color .2s ease;
}
.template-cart .cart-section .cart .cart__layout_left .cart__body .cart-flex:hover {
  border-color: #c9d4f7 !important;
  box-shadow: 0 8px 22px rgba(35, 69, 215, 0.1);
}
.template-cart .cart__image {
  width: 92px;
  height: 92px;
  object-fit: contain;
  padding: 6px;
  background: var(--b-panel);
  border-radius: 14px !important;
  mix-blend-mode: multiply;
}
.template-cart .cart-section .cart .cart__layout_left .cart__body .cart__image-wrapper .cart__meta { padding-left: 18px; }
.template-cart .cart-section .cart .cart__layout_left .cart__body .cart__image-wrapper .cart__meta .list-view-item__title a {
  font-size: 15px;
  font-weight: 800;
  line-height: 1.4;
  color: var(--b-ink);
}
.template-cart .cart-section .cart .cart__layout_left .cart__body .cart__image-wrapper .cart__meta .list-view-item__title a:hover { color: var(--b-blue); }
.template-cart .cart-section .cart .cart__layout_left .cart__body .cart__image-wrapper .cart__meta .cart__meta-text {
  display: inline-block;
  margin-top: 4px;
  padding: 3px 10px;
  background: var(--b-panel);
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  text-transform: none;
  color: var(--b-muted);
}
.template-cart .cart__meta-text .tl_option { margin: 0 !important; }

/* remove (trash) button */
.template-cart .cart__remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border: 2px solid var(--b-line);
  border-radius: 50%;
  color: var(--b-muted);
  transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.template-cart .cart-section .cart .cart__layout_left .cart__body .cart__remove-wrapper .cart__remove:hover {
  background: #fff1e8;
  border-color: var(--b-orange);
}
.template-cart .cart-section .cart .cart__layout_left .cart__body .cart__remove-wrapper .cart__remove:hover i { color: var(--b-orange); }

/* price, quantity, line total */
.template-cart .cart-section .cart .cart__layout_left .cart__body .cart__price-wrapper {
  font-size: 15px;
  font-weight: 700;
  color: var(--b-ink);
}
.template-cart .cart-section .cart .cart__layout_left .cart__body .cart__update-wrapper .cart__qty {
  max-width: 118px;
  height: 46px;
  background: #fff;
  border: 2px solid var(--b-line);
  border-radius: 12px;
  overflow: hidden;
}
.template-cart .cart-section .cart .cart__layout_left .cart__body .cart__update-wrapper .cart__qty-input {
  height: 42px !important;
  min-width: 40px !important;
  width: 100%;
  background: transparent;
  font-size: 15px;
  font-weight: 800;
  color: var(--b-ink);
}
.template-cart .cart-section .cart .cart__layout_left .cart__body .cart__update-wrapper .js-qty__adjust {
  min-width: 32px;
  background: transparent;
  border: 0 !important;
  font-size: 20px;
  color: var(--b-blue);
}
.template-cart .cart-section .cart .cart__layout_left .cart__body .cart__update-wrapper .js-qty__adjust:hover { color: var(--b-orange); }
.template-cart .cart-section .cart .cart__layout_left .cart__body .total .money,
.template-cart .cart-section .cart .cart__layout_left .cart__body .total .product-subtotal {
  font-size: 18px;
  font-weight: 800;
  color: var(--b-blue);
}
.template-cart .cart-item__original-price s { color: #9aa3b5; font-size: 13px; }
.template-cart .cart-item__discount {
  display: inline-block;
  margin-top: 4px;
  padding: 2px 10px;
  background: var(--b-yellow);
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
  color: var(--b-ink);
}

/* 3. CHECKOUT + CONTINUE SHOPPING BUTTONS ------------------------------------------- */
.template-cart .cart-section .cart .cart__layout_left .button_cart {
  position: relative;
  z-index: 5;                 /* keeps the buttons above any neighbouring layer */
  margin-top: 24px;
  gap: 14px;
}
.template-cart .cart-section .cart .cart__layout_left .button_cart .btn { pointer-events: auto; cursor: pointer; }
.template-cart .cart-section .cart .cart__layout_left .button_cart .btn--small-wide {
  height: 58px;
  margin-right: 0;
  background: var(--b-blue) !important;
  color: #fff !important;
  font-size: 16px;
  font-weight: 800;
  text-transform: none;
  border: 2px solid var(--b-blue);
  border-radius: 12px;
  box-shadow: 0 10px 22px rgba(35, 69, 215, 0.28);
  transition: background .2s ease, transform .2s ease;
}
.template-cart .cart-section .cart .cart__layout_left .button_cart .btn--small-wide:hover {
  background: var(--b-blue-d) !important;
  color: #fff !important;
  transform: translateY(-1px);
}
.template-cart .cart-section .cart .cart__layout_left .button_cart .cart__continue--large {
  height: 58px;
  line-height: 54px;
  background: #fff !important;
  color: var(--b-blue) !important;
  font-size: 15px;
  font-weight: 800;
  text-transform: none;
  border: 2px solid var(--b-blue);
  border-radius: 12px;
}
.template-cart .cart-section .cart .cart__layout_left .button_cart .cart__continue--large:hover {
  background: var(--b-yellow) !important;
  border-color: var(--b-yellow);
  color: var(--b-ink) !important;
}

/* 4. ORDER SUMMARY CARD ---------------------------------------------------------------- */
.template-cart .cart-section .cart .cart__layout_right {
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--b-line);
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(35, 69, 215, 0.1);
}
.template-cart .cart-section .cart .cart__layout_right .cart__heading {
  padding: 18px 22px;
  background: var(--b-panel);
  border-bottom: 1px solid var(--b-line);
  font-size: 16px;
  font-weight: 800;
  text-transform: none;
  color: var(--b-ink);
}
.template-cart .cart-section .cart .cart__layout_right .grid { padding: 22px; background: #fff; }
.template-cart .cart-section .cart .cart__layout_right .grid .grid__item .cart__total .cart__subtotal-title {
  font-size: 15px;
  font-weight: 700;
  text-transform: none;
  color: var(--b-muted);
}
.template-cart .cart-section .cart .cart__layout_right .grid .grid__item .cart__total .cart__subtotal {
  font-size: 28px;
  font-weight: 800;
  color: var(--b-blue);
}
.template-cart .cart__savings {
  margin-top: 8px;
  padding: 8px 12px;
  background: #e8f7ee;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 700;
  color: #1a8f4e;
}
.template-cart .cart-section .cart .cart__layout_right .grid .grid__item .cart__shipping { padding: 14px 0 20px; }
.template-cart .cart-section .cart .cart__layout_right .grid .grid__item .cart__shipping .cart__shipping-title {
  font-size: 14px;
  font-weight: 700;
  text-transform: none;
  color: var(--b-muted);
}
.template-cart .cart-section .cart .cart__layout_right .grid .grid__item .cart__shipping .cart__shipping-sub {
  font-size: 12px;
  color: var(--b-muted);
}

/* free-shipping progress */
.template-cart .cart-section .cart .cart__layout_right .grid .grid__item #threshold_bar_popup {
  margin-bottom: 16px;
  padding: 14px 16px 6px;
  background: #fff7e0;
  border: 1px solid #f6dd9a;
  border-radius: 16px;
}
.template-cart .cart-section .cart .cart__layout_right .grid .grid__item #threshold_bar_popup .threshold_spend {
  font-size: 13px;
  font-weight: 700;
  text-transform: none;
  letter-spacing: 0;
  color: var(--b-ink);
}
.template-cart .threshold_bar {
  background: #fff;
  border: 1px solid #f6dd9a;
}
.template-cart .threshold_bar .animate { background-color: var(--b-yellow); }
.template-cart .threshold_bar .animate span {
  background-color: var(--b-orange);
  box-shadow: 0 0 0 1px #f6dd9a;
}
.template-cart .threshold_spend.spend_congrats { color: #1a8f4e !important; }
/* when free shipping is reached, the box turns green */
.template-cart .cart-section .cart .cart__layout_right .grid .grid__item #threshold_bar_popup:has(.spend_congrats) {
  background: #e8f7ee;
  border-color: #9bdfc0;
}
.template-cart .threshold_bar.threshold_congrats { border-color: #9bdfc0; }
.template-cart .threshold_bar.threshold_congrats .animate,
.template-cart .threshold_bar.threshold_congrats .animate span { background-color: #1a8f4e; }
.template-cart .cart-section .cart .cart__layout_right .grid .grid__item .cart-notice-total { color: var(--b-muted); }
.template-cart .cart-section .cart .cart__layout_right .grid .grid__item .cart-notice-total span.money { color: #1a8f4e; }

/* order note */
.template-cart .cart-note { margin-top: 12px; }
.template-cart .cart-note_label { margin-bottom: 8px; font-size: 14px; font-weight: 800; text-transform: none; color: var(--b-ink); }
.template-cart .cart-note__input {
  height: 110px !important;
  min-height: 96px;
  padding: 12px 14px;
  border: 2px solid var(--b-line);
  border-radius: 12px;
  background: #fff;
  font-size: 14px;
  resize: vertical;
}
.template-cart .cart-note__input:focus { border-color: var(--b-blue); outline: 0; }
.template-cart .additional-checkout-buttons { padding: 0 22px 22px; }

/* 5. YOU MIGHT ALSO LIKE (cart upsell) -------------------------------------------------- */
.template-cart .cart__popup-related-title {
  margin-bottom: 22px;
  font-size: 22px;
  font-weight: 800;
  text-transform: none;
  color: var(--b-ink);
}
.template-cart .cart__popup-related-title::after {
  content: "";
  display: block;
  width: 48px;
  height: 4px;
  margin-top: 10px;
  border-radius: 4px;
  background: var(--b-yellow);
}
.template-cart .product-related .popup__cart-product {
  height: 100%;
  padding: 12px 12px 16px;
  background: #fff;
  border: 1px solid var(--b-line);
  border-radius: 18px;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.template-cart .product-related .popup__cart-product:hover {
  transform: translateY(-4px);
  border-color: var(--b-blue);
  box-shadow: 0 14px 28px rgba(35, 69, 215, 0.14);
}
.template-cart .product-related .popup__cart-product img {
  width: 100%;
  padding: 8px;
  background: var(--b-panel);
  border-radius: 12px;
  mix-blend-mode: multiply;
}
.template-cart .product-related .popup__cart-product .related_product-title {
  font-size: 14px;
  line-height: 1.4;
  color: var(--b-ink);
}
.template-cart .product-related .popup__cart-product .product__price { color: var(--b-blue); font-weight: 800; }

/* 6. EMPTY CART --------------------------------------------------------------------------- */
.template-cart .empty-page-content {
  max-width: 560px;
  margin: 20px auto 60px;
  padding: 48px 24px;
  background: #fff;
  border: 1px solid var(--b-line);
  border-radius: 24px;
  box-shadow: 0 10px 30px rgba(35, 69, 215, 0.08);
  text-align: center;
}
.template-cart .empty-page-content::before {
  content: "";
  display: block;
  width: 112px;
  height: 112px;
  margin: 0 auto 24px;
  border-radius: 50%;
  background: #eef2ff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-32 -34 64 64'%3E%3Cg fill='%232345d7'%3E%3Cellipse cx='-17' cy='-8' rx='6.5' ry='9' transform='rotate(-22 -17 -8)'/%3E%3Cellipse cx='-6' cy='-20' rx='6.5' ry='9' transform='rotate(-8 -6 -20)'/%3E%3Cellipse cx='7' cy='-20' rx='6.5' ry='9' transform='rotate(8 7 -20)'/%3E%3Cellipse cx='18' cy='-8' rx='6.5' ry='9' transform='rotate(22 18 -8)'/%3E%3Cpath d='M0 -4c12 0 22 10 22 20 0 8-6 12-13 10-4-1-5-3-9-3s-5 2-9 3c-7 2-13-2-13-10 0-10 10-20 22-20z'/%3E%3C/g%3E%3C/svg%3E") center / 52px no-repeat;
}
.template-cart .empty-page-content h1 { font-size: 28px; font-weight: 800; color: var(--b-ink); }
.template-cart .cart--empty-message { color: var(--b-muted); line-height: 1.7; }
.template-cart .empty-page-content .btn {
  height: 52px;
  line-height: 48px;
  padding: 0 34px;
  background: var(--b-blue);
  color: #fff;
  font-size: 15px;
  font-weight: 800;
  text-transform: none;
  border-radius: 12px;
  box-shadow: 0 10px 22px rgba(35, 69, 215, 0.26);
}
.template-cart .empty-page-content .btn:hover { background: var(--b-yellow); color: var(--b-ink); }

/* 7. MOBILE: each product becomes a tidy card ------------------------------------------------- */
@media (max-width: 767px) {
  .template-cart .cart-section { padding: 18px 0 150px; }   /* room above the fixed bottom menu + chat buttons */
  .template-cart .cart-section .cart .cart__layout_left .cart__body .cart-flex {
    display: grid !important;
    grid-template-columns: auto 1fr auto;
    grid-template-areas:
      "item  item  item"
      "price qty   total";
    align-items: center;
    gap: 14px 10px;
    margin-left: 0;
    margin-right: 0;
    padding: 16px 14px;
  }
  .template-cart .cart__body .cart__image-wrapper { grid-area: item; max-width: 100%; padding: 0 34px 0 0; margin: 0 !important; }
  .template-cart .cart__body .cart__price-wrapper { grid-area: price; max-width: 100%; padding: 0; margin: 0 !important; }
  .template-cart .cart__body .cart__update-wrapper { grid-area: qty; max-width: 100%; padding: 0; margin: 0 !important; justify-self: center; }
  .template-cart .cart__body .total { grid-area: total; max-width: 100%; padding: 0; text-align: right; }
  .template-cart .cart__body .cart__remove-wrapper {
    position: absolute;
    top: 12px;
    right: 12px;
    width: auto;
    max-width: none;
    padding: 0;
    margin: 0 !important;
  }
  .template-cart .cart__remove { width: 34px; height: 34px; }
  .template-cart .cart__image { width: 76px; height: 76px; }
  .template-cart .cart-section .cart .cart__layout_left .button_cart { flex-direction: column; }
  .template-cart .cart-section .cart .cart__layout_left .button_cart .btn { width: 100%; }
  .template-cart .cart-section .cart .cart__layout_right .grid { padding: 18px; }
  .template-cart .empty-page-content { margin: 10px 12px 40px; padding: 36px 18px; }
}



/* =====================================================================
   101 WAGGING TAILS - Collection page: category + filter panel
   Paste at the bottom of assets/store-custom.css
   Brand: blue #2345d7 | yellow #efab00 | orange #f1731f | navy #0f1738
   Scoped to .template-collection (collection pages only)
   ===================================================================== */

.template-collection {
  --b-blue:   #2345d7;
  --b-yellow: #efab00;
  --b-orange: #f1731f;
  --b-ink:    #0f1738;
  --b-muted:  #5b6480;
  --b-line:   #e6ebf7;
  --b-panel:  #f5f7ff;
}

/* 1. THE PANEL (desktop = a white card) ----------------------------------------- */
@media (min-width: 992px) {
  .template-collection .sidebar-filter__content {
    padding: 24px 22px 12px;
    background: #fff;
    border: 1px solid var(--b-line);
    border-radius: 20px;
    box-shadow: 0 8px 24px rgba(35, 69, 215, 0.07);
  }
}
.template-collection .sidebar-filter__content .collection-heading {
  font-size: 15px;
  font-weight: 800;
  letter-spacing: .6px;
  color: var(--b-ink);
}
.template-collection .sidebar-filter__content .collection-heading i {
  margin-right: 10px;
  font-size: 20px;
  color: var(--b-blue);
}
.template-collection .collection-heading.heading_filter {
  margin-bottom: 18px !important;
  padding-bottom: 16px !important;
  border-bottom: 1px solid var(--b-line);
}

/* 2. CATEGORY TREE (expandable rows) ---------------------------------------------- */
.template-collection .collection__category { margin-bottom: 26px !important; }

/* rows without sub-categories */
.template-collection .collection__category .collection__category-item a {
  height: 46px;
  line-height: 46px;
  margin-bottom: 8px;
  padding: 0 16px;
  background: var(--b-panel);
  border-radius: 12px;
  font-size: 14px;
  font-weight: 700;
  color: var(--b-ink);
  transition: background .2s ease, color .2s ease, padding .2s ease;
}
.template-collection .collection__category .collection__category-item a:hover {
  padding-left: 20px;
  background: #e9eeff;
  color: var(--b-blue);
  font-weight: 700;
}
.template-collection .collection__category .collection__category-item.is-active a {
  background: var(--b-blue);
  color: #fff;
}

/* rows with sub-categories */
.template-collection .collection__tree-group {
  margin-bottom: 8px;
  background: var(--b-panel);
  border-radius: 12px;
  overflow: hidden;
  transition: box-shadow .2s ease;
}
.template-collection .collection__tree-group[open] { box-shadow: 0 6px 18px rgba(35, 69, 215, 0.1); }
.template-collection .collection__tree-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 46px;
  padding: 0 4px 0 16px;
  list-style: none;
  cursor: pointer;
}
.template-collection .collection__tree-summary::-webkit-details-marker { display: none; }
.template-collection .collection__tree-parent {
  flex: 1;
  display: block;
  line-height: 46px;
  font-size: 14px;
  font-weight: 700;
  color: var(--b-ink);
}
.template-collection .collection__tree-parent:hover,
.template-collection .collection__tree-group.has-active .collection__tree-parent { color: var(--b-blue); }
.template-collection .collection__tree-group.has-active .collection__tree-parent::after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-left: 8px;
  border-radius: 50%;
  background: var(--b-yellow);
  vertical-align: middle;
}
.template-collection .collection__tree-arrow {
  position: relative;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
}
.template-collection .collection__tree-arrow::before {
  content: "";
  position: absolute;
  top: 15px;
  left: 16px;
  width: 8px;
  height: 8px;
  border: solid var(--b-blue);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  transition: transform .2s ease, top .2s ease;
}
.template-collection .collection__tree-group[open] > .collection__tree-summary .collection__tree-arrow::before {
  top: 19px;
  transform: rotate(-135deg);
}
.template-collection .collection__tree-children { margin: 0; padding: 2px 10px 12px 14px; }
.template-collection .collection__tree-child a {
  display: block;
  margin-bottom: 4px;
  padding: 9px 12px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  color: var(--b-muted);
  transition: background .2s ease, color .2s ease, padding .2s ease;
}
.template-collection .collection__tree-child a:hover {
  padding-left: 16px;
  background: #fff;
  color: var(--b-blue);
}
.template-collection .collection__tree-child.is-active a {
  background: var(--b-blue);
  color: #fff;
}

/* level 3: a sub-category that has its own items (Cat Food > Dry Food / Wet Food) */
.template-collection .collection__tree-child.has-children { margin-bottom: 4px; }
.template-collection .collection__tree-subgroup { border-radius: 10px; }
.template-collection .collection__tree-subsummary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  list-style: none;
  cursor: pointer;
  border-radius: 10px;
  transition: background .2s ease;
}
.template-collection .collection__tree-subsummary::-webkit-details-marker { display: none; }
.template-collection .collection__tree-subsummary:hover { background: #fff; }
.template-collection .collection__tree-subparent {
  flex: 1;
  display: block;
  padding: 9px 12px;
  font-size: 14px;
  font-weight: 700;
  color: var(--b-ink);
}
.template-collection .collection__tree-subparent:hover,
.template-collection .collection__tree-subgroup.has-active .collection__tree-subparent { color: var(--b-blue); }
.template-collection .collection__tree-subgroup.has-active .collection__tree-subparent::after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-left: 8px;
  border-radius: 50%;
  background: var(--b-yellow);
  vertical-align: middle;
}
.template-collection .collection__tree-subsummary { min-height: 40px; }
.template-collection .collection__tree-subsummary .collection__tree-arrow { flex: 0 0 40px; width: 40px; height: 40px; }
.template-collection .collection__tree-subsummary .collection__tree-arrow::before { top: 15px; left: 15px; }
.template-collection .collection__tree-subgroup[open] > .collection__tree-subsummary .collection__tree-arrow::before {
  top: 19px;
  transform: rotate(-135deg);
}
.template-collection .collection__tree-grandchildren {
  margin: 0 0 6px 14px;
  padding: 2px 0 4px 10px;
  border-left: 2px solid #d7e0ff;
}
.template-collection .collection__tree-grandchild a {
  display: block;
  margin-bottom: 3px;
  padding: 8px 12px;
  border-radius: 8px;
  font-size: 13.5px;
  font-weight: 600;
  color: var(--b-muted);
  transition: background .2s ease, color .2s ease, padding .2s ease;
}
.template-collection .collection__tree-grandchild a:hover { padding-left: 16px; background: #fff; color: var(--b-blue); }
.template-collection .collection__tree-grandchild.is-active a { background: var(--b-blue); color: #fff; }

/* 3. FILTER GROUPS (Brand, Price, ...) ------------------------------------------------- */
.template-collection .js-filter {
  margin-bottom: 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--b-line);
}
.template-collection .js-filter:last-child { border-bottom: 0; }
.template-collection .facets__label {
  font-size: 14px;
  font-weight: 800;
  text-transform: none;
  color: var(--b-ink);
}
.template-collection .facets__label:before { color: var(--b-blue); }
.template-collection .facets__reset { font-size: 11px; font-weight: 700; color: var(--b-orange); }
.template-collection .facets__reset:hover { color: var(--b-ink); }
.template-collection .facets__list { max-height: 230px; }

/* checkbox rows (colour / size swatches keep their own style) */
.template-collection .facets__item:not(.facet-color):not(.facet-size) .facet-checkbox {
  padding: 7px 8px;
  border-radius: 10px;
  transition: background .2s ease;
}
.template-collection .facets__item:not(.facet-color):not(.facet-size) .facet-checkbox:hover { background: var(--b-panel); }
.template-collection .facets__item:not(.facet-color):not(.facet-size) .facet-checkbox .custom-checkbox {
  width: 22px;
  height: 22px;
  margin-right: 12px;
  border: 2px solid #cdd5ee;
  border-radius: 7px;
}
.template-collection .facets__item:not(.facet-color):not(.facet-size) .facet-checkbox:hover .custom-checkbox { border-color: var(--b-blue); }
.template-collection .facets__item:not(.facet-color):not(.facet-size) .facet-checkbox > input:checked + .custom-checkbox {
  background-color: var(--b-blue);
  border-color: var(--b-blue);
}
.template-collection .filter-option-value { font-size: 14px; font-weight: 600; color: var(--b-ink); }
.template-collection .facet-checkbox:hover .filter-option-value { color: var(--b-blue); font-weight: 600; }
.template-collection .value_count {
  padding: 2px 9px;
  background: var(--b-panel);
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  color: var(--b-muted);
}

/* price range */
.template-collection .facets__price .filter__price--bar__bg { height: 8px; border: 0; background: #e6ebf7; }
.template-collection .facets__price .progress { height: 8px; background: var(--b-blue); }
.template-collection .facets__price .progress-number { color: var(--b-muted); font-weight: 700; }
.template-collection .facets__price .field__input {
  height: 44px;
  border: 2px solid var(--b-line);
  border-radius: 12px;
  font-size: 13px;
  font-weight: 700;
  color: var(--b-ink);
}
.template-collection .facets__price .field__input:focus { border-color: var(--b-blue); outline: 0; }

/* 4. SELECTED FILTERS (chips) + CLEAR ALL ---------------------------------------------------- */
.template-collection .active-facets .btn--clear--item .active-facets__button {
  margin-bottom: 8px;
  padding: 8px 14px;
  background: var(--b-panel);
  border: 1px solid var(--b-line);
  border-radius: 999px;
  font-size: 12px;
  color: var(--b-ink);
}
.template-collection .active-facets .btn--clear--item .active-facets__button i { color: var(--b-orange); }
.template-collection .active-facets .btn--clear--all .active-facets__button.btn {
  height: 42px;
  line-height: 38px;
  margin-bottom: 14px;
  background: #fff;
  border: 2px solid var(--b-orange);
  border-radius: 12px;
  font-size: 13px;
  font-weight: 800;
  text-transform: none;
  color: var(--b-orange);
}
.template-collection .active-facets .btn--clear--all .active-facets__button.btn:hover {
  background: var(--b-orange);
  color: #fff;
}

/* 5. "FILTER" BUTTON (phones / tablets) ------------------------------------------------------- */
.template-collection .filter_button {
  padding: 10px 18px;
  border: 2px solid var(--b-blue);
  border-radius: 12px;
  font-size: 14px;
  letter-spacing: .3px;
  color: var(--b-blue);
}
.template-collection .filter_button i { color: var(--b-blue); }
.template-collection .filter_button:hover { background: var(--b-blue); color: #fff; }
.template-collection .filter_button:hover i { color: #fff; }


/* =====================================================================
   101 WAGGING TAILS - Collection page (title, toolbar, load more, bottom)
   Paste at the bottom of assets/store-custom.css
   Brand: blue #2345d7 | yellow #efab00 | orange #f1731f | navy #0f1738
   Scoped to .template-collection (collection pages only)
   ===================================================================== */

.template-collection {
  --b-blue:   #2345d7;
  --b-blue-d: #1a37b5;
  --b-yellow: #efab00;
  --b-orange: #f1731f;
  --b-ink:    #0f1738;
  --b-muted:  #5b6480;
  --b-line:   #e6ebf7;
  --b-panel:  #f5f7ff;
}

/* 1. TITLE: just the text, centered, on one line (no background image) -------------- */
.template-collection #NovBreadcrumbs.breadcrumb_collection,
.template-collection #NovBreadcrumbs.breadcrumb_inner {
  max-height: none !important;      /* cancels an old "max-height: 20px" custom rule */
  margin: 0 0 24px !important;
  padding: 30px 0 22px !important;
  background: none !important;
  border-top: 0;
  text-align: center;
}
.template-collection #NovBreadcrumbs.breadcrumb_collection > .container,
.template-collection #NovBreadcrumbs.breadcrumb_inner > .container {
  padding: 0 15px;
  background: none;
  text-align: center;
}
.template-collection #NovBreadcrumbs.breadcrumb_collection .headingBreacrumb,
.template-collection #NovBreadcrumbs.breadcrumb_inner .headingBreacrumb {
  margin: 0 0 12px;
  font-size: clamp(22px, 6vw, 40px);
  font-weight: 800;
  letter-spacing: .6px;
  line-height: 1.2;
  text-align: center;
  white-space: nowrap;              /* always one line */
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--b-ink);
}
.template-collection #NovBreadcrumbs .headingBreacrumb::after {
  content: "";
  display: block;
  width: 48px;
  height: 4px;
  margin: 12px auto 0;
  border-radius: 4px;
  background: var(--b-yellow);
}
.template-collection #NovBreadcrumbs .breadcrumb { justify-content: center; }
.template-collection #NovBreadcrumbs.breadcrumb_collection .item-breacrumb,
.template-collection #NovBreadcrumbs.breadcrumb_inner .item-breacrumb {
  font-size: 13px;
  font-weight: 600;
  color: var(--b-muted);
}
.template-collection #NovBreadcrumbs .breadcrumb .list-inline-item:last-child .item-breacrumb { color: var(--b-blue); font-weight: 800; }
.template-collection #NovBreadcrumbs.breadcrumb_collection .list-inline-item:not(:last-child):before,
.template-collection #NovBreadcrumbs.breadcrumb_inner .list-inline-item:not(:last-child):before { background-color: var(--b-yellow); }

/* 2. TOOLBAR: sort + view buttons ---------------------------------------------------- */
.template-collection .collection-filter__content > .d-flex {
  margin-bottom: 26px;
  padding-top: 0 !important;
  padding-bottom: 20px !important;
  border-bottom: 1px solid var(--b-line);
}
.template-collection [data-sortby-filter] .nov-accordion__title {
  padding: 10px 16px;
  background: #fff;
  border: 2px solid var(--b-line);
  border-radius: 12px;
  font-size: 14px;
  color: var(--b-ink);
  transition: border-color .2s ease;
}
.template-collection [data-sortby-filter] .nov-accordion__title:hover { border-color: var(--b-blue); }
.template-collection [data-sortby-filter] .nov-accordion__title i { color: var(--b-blue); }
.template-collection [data-sortby-filter] .nov-accordion__content {
  border: 1px solid var(--b-line) !important;
  border-radius: 14px !important;
  box-shadow: 0 16px 36px rgba(16, 32, 96, 0.14);
}
.template-collection [data-sortby-filter] .nov-accordion__content [data-sortby-item] { font-size: 14px; font-weight: 600; color: var(--b-ink); }
.template-collection [data-sortby-filter] .nov-accordion__content [data-sortby-item]:hover { color: var(--b-blue); }
.template-collection [data-sortby-filter] .nov-accordion__content [data-sortby-item].act { color: var(--b-blue); }
.template-collection [data-sortby-filter] .nov-accordion__content [data-sortby-item].act span {
  background-color: var(--b-blue);
  box-shadow: 0 0 0 1px var(--b-blue);
}
.template-collection .gridlist-toggle a {
  width: 42px;
  height: 42px;
  background: var(--b-panel);
  border-radius: 10px;
  color: var(--b-muted);
  transition: background .2s ease, color .2s ease;
}
.template-collection .gridlist-toggle a.active,
.template-collection .gridlist-toggle a:hover { background: var(--b-blue); color: #fff; }
.template-collection .pagination__count-top,
.template-collection .pagination__count { font-size: 13px; font-weight: 700; color: var(--b-muted); }

/* 3. LOAD MORE + PAGE NUMBERS ------------------------------------------------------------------ */
.template-collection .collection-loadmore__bottom { margin-top: 34px; }
.template-collection .pagination__bar {
  width: 260px;
  height: 8px;
  background: var(--b-line);
  border: 0;
}
.template-collection .pagination__bar .progress {
  top: 0;
  height: 8px;
  background: linear-gradient(90deg, var(--b-yellow), var(--b-orange));
}
.template-collection .collection__btn-loadmore {
  min-width: 260px;
  height: 54px;
  line-height: 1;
  background: var(--b-blue);
  color: #fff;
  font-size: 15px;
  font-weight: 800;
  text-transform: none;
  border-radius: 12px;
  box-shadow: 0 10px 22px rgba(35, 69, 215, 0.28);
  transition: background .2s ease, transform .2s ease;
}
.template-collection .collection__btn-loadmore:hover { background: var(--b-blue-d); color: #fff; transform: translateY(-1px); }
.template-collection .collection__btn-loadmore.loading { background-color: var(--b-blue-d); }
.template-collection .collection__btn-loadmore .load { border-color: rgba(255, 255, 255, .4); border-top-color: #fff; }
.template-collection .pagination__text > a,
.template-collection .pagination__text > span {
  border: 2px solid var(--b-line);
  color: var(--b-ink);
}
.template-collection .pagination__text.active > a,
.template-collection .pagination__text.active > span,
.template-collection .pagination__text:hover > a,
.template-collection .pagination__text:hover > span {
  background: var(--b-blue);
  border-color: var(--b-blue);
  color: #fff;
}
.template-collection .pagination__btn:hover { color: var(--b-blue); }

/* empty result */
.template-collection #product-grid h2 { font-size: 24px; font-weight: 800; color: var(--b-ink); }

/* 4. BOTTOM AREA: tags + description -------------------------------------------------------------- */
.template-collection .collection-bottom { margin-top: 70px !important; padding-top: 60px !important; padding-bottom: 60px !important; }
.template-collection .facets__tag .tag__label {
  font-size: 16px;
  font-weight: 800;
  text-transform: none !important;
  color: var(--b-ink);
}
.template-collection .facets__tag .tag__label i { color: var(--b-blue); }
.template-collection .product_tags a {
  height: 40px;
  padding: 0 18px;
  background: #fff;
  border: 2px solid var(--b-line);
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  color: var(--b-ink);
  transition: background .2s ease, border-color .2s ease, color .2s ease;
}
.template-collection .product_tags a:hover { background: var(--b-blue); border-color: var(--b-blue); color: #fff; }
.template-collection .collection__title-seo {
  font-size: 22px;
  font-weight: 800;
  text-transform: none !important;
  color: var(--b-ink);
}
.template-collection .collection__desc-content { font-size: 15px; line-height: 1.8; color: #3d4560; }
.template-collection .collection__desc-btn { font-size: 13px; text-transform: none !important; }
.template-collection .collection__desc-btn .see_more,
.template-collection .collection__desc-btn .see_less { color: var(--b-blue); font-weight: 800; }

/* 5. POLICY STRIP (delivery / support / returns) ----------------------------------------------------- */
.template-collection .nov-policy-item .policy__item--content {
  height: 100%;
  padding: 18px 20px;
  background: #fff;
  border: 1px solid var(--b-line);
  border-radius: 18px;
  box-shadow: 0 4px 14px rgba(16, 32, 96, 0.05);
}
.template-collection .nov-policy-item .policy-icon {
  background: #eef2ff !important;
  border-radius: 50% !important;
}
.template-collection .nov-policy-item .title-policy { font-weight: 800; color: var(--b-ink) !important; }
.template-collection .nov-policy-item .desc-policy { color: var(--b-muted) !important; }

/* 6. PHONES + TABLETS: Filter and Sort on one row ------------------------------------------ */
@media (max-width: 991px) {
 
  /* the Filter button is lifted onto the left of the Sort row */
  .template-collection .collection-top { position: relative; }
 
  .template-collection .filter_button {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 132px;
    height: 48px;
    margin: 0 !important;
    padding: 0 12px;
    background: #fff;
    border: 1px solid #e6ebf7;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(16, 32, 96, 0.06);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none !important;   /* overrides the theme's UPPERCASE helper class */
    color: #0f1738;
    white-space: nowrap;
  }
  .template-collection .filter_button i { margin: 0; font-size: 18px; color: #2345d7; }
  .template-collection .filter_button .zmdi-chevron-down { display: none; }   /* arrow not needed */
  .template-collection .filter_button:hover { background: #fff; color: #0f1738; border-color: #2345d7; }
  .template-collection .filter_button:hover i { color: #2345d7; }
 
  /* the Sort row sits to the right of Filter */
  .template-collection .collection-filter__content > .d-flex {
    margin: 0;
    padding: 0 0 20px 144px !important;      /* 132px button + 12px gap */
    border-bottom: 0;
    align-items: center !important;
  }
  .template-collection .collection-filter__content > .d-flex > div:first-child { flex: 1 1 auto; min-width: 0; }
  .template-collection [data-sortby-filter] { width: 100%; }
  .template-collection [data-sortby-filter] .nov-accordion__title {
    justify-content: space-between;
    height: 48px;
    padding: 0 14px;
    background: #fff;
    border: 1px solid #e6ebf7;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(16, 32, 96, 0.06);
  }
  /* show just the sort icon + the chosen option (hides the words "Sort by") */
  .template-collection [data-sortby-filter] .dropdown-toggle__content {
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 0;
  }
  .template-collection [data-sortby-filter] .dropdown-toggle__content::before {
    content: "";
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    margin-right: 8px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232345d7' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 4v16M7 20l-3-3M7 20l3-3M17 20V4M17 4l-3 3M17 4l3 3'/%3E%3C/svg%3E") center / 18px 18px no-repeat;
  }
  .template-collection [data-sortby-filter] .sort-by__label {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 700;
    color: #0f1738;
  }
  .template-collection [data-sortby-filter] .dropdown-toggle__content i {
    flex: 0 0 auto;
    margin-left: 6px;
    font-size: 16px;
    color: #2345d7;
  }
  /* the options list opens under Sort, aligned to the right edge */
  .template-collection [data-sortby-filter] .nov-accordion__content {
    left: auto !important;
    right: 0 !important;
    min-width: 240px;
    margin-top: 8px;
  }
  .template-collection .gridlist-toggle { margin-left: 12px; }
}
@media (max-width: 575px) {
  .template-collection .gridlist-toggle { display: none; }   /* phones: the 2-column grid is enough */
  .template-collection .collection__btn-loadmore { min-width: 100%; }

/* =====================================================================
   101 WAGGING TAILS - NEUTRAL theme (final layer)
   Neutral page, white cards, white photo areas, blue used only for actions.
   REPLACES warm-theme-style.css  ->  delete that block, paste this at the
   VERY BOTTOM of assets/store-custom.css (it must come last).
   Also safe if the old block is still there: everything is reset below.
   Page: #fafafa | Cards/photo areas: #ffffff | Text/prices: navy #0f1738
   Buttons: brand blue #2345d7 | Accent (badges only): yellow #efab00
   ===================================================================== */

/* 1. PAGE BACKGROUND: neutral ---------------------------------------------------- */
:root { --bg-body: #fafafa; }
html,
body,
body.template-index { background-color: #fafafa; }

/* 2. PANELS: photo areas white, soft boxes back to the cool neutral tint --------- */
.grid--view-items .item-product {
  --brand-panel: #ffffff;      /* photo area inside product cards = white */
  --brand-line:  #e6ebf7;
}
.template-product,
.template-cart,
.template-collection,
.cart_popup_opened {
  --b-panel: #f5f7ff;          /* soft boxes (filter rows, delivery card, accordions) */
  --b-line:  #e6ebf7;
}
/* white photo areas elsewhere */
.template-product .product-single__photos .proFeaturedImage { background: #fff; border: 1px solid #e6ebf7; }
.template-product #productThumbs .product-single__thumbnail { background: #fff; border-color: #e6ebf7; }
.template-cart .cart__image { background: #fff; border: 1px solid #edf0f7; mix-blend-mode: normal; }
.template-cart .product-related .popup__cart-product img { background: #fff; mix-blend-mode: normal; }
.cart_popup_opened .cart__popup-item .cart__popup-thumb { background: #fff; border: 1px solid #edf0f7; }

/* 3. RESET the warm leftovers (harmless if you already deleted the warm block) ----- */
.template-collection .collection__category .collection__category-item a:hover { background: #e9eeff; }
.template-collection .collection__tree-grandchildren { border-left-color: #d7e0ff; }
.template-collection .facets__item:not(.facet-color):not(.facet-size) .facet-checkbox .custom-checkbox { border-color: #cdd5ee; }
.template-collection .facets__price .filter__price--bar__bg { background: #e6ebf7; }
.template-collection .nov-policy-item .policy-icon { background: #eef2ff !important; }
.template-cart .cart-section { background: transparent; }
.template-cart .cart-section .cart .cart__layout_left .cart__body .cart-flex:hover { border-color: #c9d4f7 !important; }
.template-cart .empty-page-content::before { background-color: #eef2ff; }
.template-collection .collection-bottom { background-color: transparent !important; }
.template-collection .collection__desc-content:before {
  background: linear-gradient(to top, #fafafa 10%, rgba(250, 250, 250, 0)) !important;
}

/* 4. PRICES: navy (blue is reserved for buttons and links) --------------------------- */
.grid--view-items .item-product .price-box .special-price, .grid--view-items .item-product .price-box .price-regular span,
.template-product .product-single__price .product-price__price, .template-product .product-single__price .product-price__sale,
.template-product .product-single__stick-add .product-single__price-sticky,
.template-cart .cart-section .cart .cart__layout_left .cart__body .total .money, .template-cart .cart-section .cart .cart__layout_left .cart__body .total .product-subtotal,
.template-cart .cart-section .cart .cart__layout_right .grid .grid__item .cart__total .cart__subtotal-title,
.template-cart .product-related .popup__cart-product .product__price,
.cart_popup_opened .cart__popup-item .cart__popup-total .product-subtotal, .cart_popup_opened .cart__popup-item .cart__popup-total,
.cart_popup_opened .cart__popup-total__price .cart__popup-stotal,
.cart_popup_opened .product-related .popup__cart-product .product__price,
.template-product .product-single__price { color: #0f1738; }

/* 5. BUTTONS: blue only. Hover = darker blue (solid) or filled blue (outline) ---------- */
.grid--view-items .item-product .add-to-cart-btn:hover { background: #1a37b5; border-color: #1a37b5; color: #fff; }
.template-cart .empty-page-content .btn:hover { background: #1a37b5; border-color: #1a37b5; color: #fff; }
.template-product .collec-img__item .btn:hover { background: #1a37b5 !important; border-color: #1a37b5; color: #fff !important; }
.grid--view-items .item-product .btn-quick-add:hover { background: #2345d7; border-color: #2345d7; color: #fff; }
.template-cart .cart-section .cart .cart__layout_left .button_cart .cart__continue--large:hover { background: #2345d7 !important; border-color: #2345d7; color: #fff !important; }
.cart_popup_opened .cart__popup-action a.btn:not(.checkout-button):hover { background: #2345d7; border-color: #2345d7; color: #fff; }

/* "Buy it now" becomes the quiet partner of "Add to cart": blue outline, fills on hover */
.template-product .product-form__item--checkout .shopify-payment-button__button--unbranded {
  background: #fff !important;
  color: #2345d7 !important;
  border: 2px solid #2345d7 !important;
}
.template-product .product-form__item--checkout .shopify-payment-button__button--unbranded:hover {
  background: #2345d7 !important;
  color: #fff !important;
}

/* =====================================================================
   101 WAGGING TAILS - Products Slider on phones: 2 products + a small peek of the 3rd
   Works in every browser (plain percentage padding, no zoom, no variables).
   Paste at the bottom of assets/store-custom.css (replaces the earlier slider block).
   Also set in the theme editor (slider section): Number row mobile = 1,
   Mobile = 2, Large mobile = 2
   ===================================================================== */
@media (max-width: 767px) {
  .section-product-slider .nov-slick-carousel .slick-list,
  .section-collection-tabs .collection-carousel .slick-list {
    padding: 10px 8% 16px 0 !important;
    overflow: hidden !important;
  }
}

/* =====================================================================
   101 WAGGING TAILS - Product page v3 (layout polish + rating, share icon, reviews)
   Paste at the VERY BOTTOM of assets/store-custom.css (below every other block).
   This REPLACES the earlier "Product page v2" block - delete that block first.
   Needs the edited snippet  product-template-default.liquid  (brand first, delivery under the buttons).
   Order on the page:  photos > brand > name > rating > price / offer / stock >
                       options > quantity + Add to cart > Buy it now > delivery >
                       description > returns > shipping > share
   ===================================================================== */

/* 1. PHOTOS: swipe on phones (dots instead of thumbnails) ---------------------------- */
.template-product .product-single__photos .proFeaturedImage { margin-bottom: 0; }

/* the dots (the theme turns them on for phones; here they get bigger and easier to see) */
.template-product .proFeaturedImage.slick-dotted .slick-dots {
  bottom: 12px;
  padding: 7px 10px;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 999px;
  box-shadow: 0 2px 10px rgba(16, 32, 96, 0.12);
}
.template-product .proFeaturedImage.slick-dotted .slick-dots li { position: relative; margin: 0 4px; }
.template-product .proFeaturedImage.slick-dotted .slick-dots li button {
  display: block;
  width: 8px;
  height: 8px;
  background-color: #c9d1ea;
  transform: none;
  transition: width .25s ease, background-color .25s ease;
}
.template-product .proFeaturedImage.slick-dotted .slick-dots li button::after {   /* bigger tap area */
  content: "";
  position: absolute;
  top: -14px;
  bottom: -14px;
  left: -6px;
  right: -6px;
}
.template-product .proFeaturedImage.slick-dotted .slick-dots li.slick-active button {
  width: 22px;
  border-radius: 999px;
  background-color: var(--b-blue);
  transform: none;
}

@media (max-width: 575px) {
  .template-product #productThumbs { display: none !important; }            /* phones: swipe instead */
  .template-product .FeaturedImage_slick .slick-arrow { display: none !important; }
  .template-product .product-single__photos .proFeaturedImage { padding: 0; border-radius: 20px; }
  .template-product .product-single__information { margin-top: 8px !important; }
  .template-product .product-single__photos { margin-bottom: 0; }
  /* keep tall photos from pushing the price and Add to cart off the first screen:
     the photo box becomes a square and the whole picture is shown inside it */
  .template-product .proFeaturedImage .respone_image { padding-top: 100% !important; }
  .template-product .proFeaturedImage .respone_image img { object-fit: contain; }
}

/* 2. BRAND (first line under the photos) ------------------------------------------------- */
.template-product .product-detail-default .product-detail-brand {
  display: block;
  margin: 0 0 6px;
  padding: 0;
  background: none;
  border-radius: 0;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .9px;
  text-transform: uppercase;
  color: var(--b-muted);
}
.template-product .product-detail-default .product-detail-brand i { display: none; }
.template-product .product-detail-default .product-detail-brand > span { font-size: 0; }               /* hides the word "Brand:" */
.template-product .product-detail-default .product-detail-brand > span [itemprop="brand"] { font-size: 12px; }

/* 3. NAME + HEART + RATING ----------------------------------------------------------------- */
.template-product .info_content > .d-flex:first-of-type { margin-bottom: 8px !important; align-items: flex-start !important; }
.template-product h1.product-single__title {
  margin: 0;
  font-size: clamp(22px, 2.4vw, 30px);
  line-height: 1.25;
  font-weight: 800;
}

.template-product .product-single__top-review { margin-bottom: 10px !important; }

/* 4. PRICE / OFFER / STOCK ----------------------------------------------------------------- */
.template-product .product-single__price { margin: 2px 0 8px; font-size: 32px; }
.template-product .available_product { margin: 0 0 6px; }
.template-product .available_product .product__available,
.template-product .available_product .product__available.sold-out {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0;
  background: none;
  font-size: 13px;
  font-weight: 700;
  text-transform: none;
}
.template-product .available_product .product__available i { display: none; }
.template-product .available_product .product__available::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #1a8f4e;
  box-shadow: 0 0 0 4px rgba(26, 143, 78, 0.16);
}
.template-product .available_product .product__available.sold-out::before {
  background: #d33a3a;
  box-shadow: 0 0 0 4px rgba(211, 58, 58, 0.16);
}

/* 5. OPTIONS, QUANTITY, BUTTONS: tight rhythm ---------------------------------------------- */
.template-product variant-radios,
.template-product variant-selects { margin-top: 14px; }
.template-product .product-single__quantity { margin-top: 16px !important; margin-bottom: 10px !important; }
.template-product .product-single__quantity > .product-single__control-label { display: none; }   /* the stepper explains itself */
.template-product .product-form__item--quantity { margin-bottom: 10px !important; }
.template-product .product_option_sub { margin-top: 10px; }

/* 6. DELIVERY CARD now sits right under the buy buttons -------------------------------------- */
.template-product .product-single__shiping { margin-top: 16px; }

/* 7. DESCRIPTION, RETURNS, SHIPPING ------------------------------------------------------------- */
.template-product .purchase-details { margin-bottom: 0 !important; }
.template-product .product-detail-description {
  margin-top: 18px;
  padding: 18px 18px 6px;
  background: #fff;
  border: 1px solid var(--b-line);
  border-radius: 16px;
}
.template-product .purchase-details details { margin-top: 10px; }

/* 8. SHARE: a quiet link-style pill at the end ------------------------------------------------ */
.template-product .product-single__share-ask-sizeguide { margin-top: 16px !important; padding-bottom: 0 !important; }
.template-product .product-single__share-ask-sizeguide-title { padding: 8px 14px; }
.template-product .product-single__share-ask-sizeguide .product-single__share-ask-sizeguide-title span { font-size: 12px; }

/* 10. SHARE ICON + HEART (same size, same look) ------------------------------------------- */
.template-product .product-single__actions { flex: 0 0 auto; gap: 8px; margin-left: 12px; }
.template-product .product-single__actions .product-single__wishlist { margin: 0; }
.template-product .product-single__share-icon,
.template-product .product-single__actions .btnProductWishlist {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 0;
  background: #fff;
  border: 2px solid var(--b-line);
  border-radius: 50%;
  font-size: 18px;
  line-height: 1;
  color: var(--b-ink);
  cursor: pointer;
  transition: border-color .2s ease, color .2s ease;
}
.template-product .product-single__share-icon i { margin: 0; font-size: 18px; color: inherit; }
.template-product .product-single__share-icon:hover,
.template-product .product-single__share-icon:focus-visible { border-color: var(--b-blue); color: var(--b-blue); outline: 0; }
/* the old text "Share" pill at the end of the buttons is no longer needed */
.template-product .product-single__share { display: none; }
.template-product .product-single__share-ask-sizeguide { margin-top: 0 !important; padding: 0 !important; }

/* 11. RATING: five stars filled to the real average + the number ------------------------------- */
.template-product .product-single__top-review { margin-bottom: 10px !important; }
.template-product .pr-rating {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: var(--b-ink);
  text-decoration: none;
}
.template-product .pr-rating__stars {
  position: relative;
  display: inline-block;
  font-family: Arial, sans-serif;
  font-size: 19px;
  line-height: 1;
  letter-spacing: 1px;
  white-space: nowrap;
}
.template-product .pr-rating__stars::before { content: "\2605\2605\2605\2605\2605"; color: #d9dded; }
.template-product .pr-rating__stars::after {
  content: "\2605\2605\2605\2605\2605";
  position: absolute;
  top: 0;
  left: 0;
  width: var(--pct, 0%);
  overflow: hidden;
  color: var(--b-yellow);
}
.template-product .pr-rating__value { font-size: 15px; font-weight: 800; }
.template-product .pr-rating__count { font-size: 13px; font-weight: 600; color: var(--b-muted); }
.template-product .pr-rating:hover .pr-rating__count { color: var(--b-blue); text-decoration: underline; }

/* 12. CUSTOMER REVIEWS section (below the product information) ------------------------------------- */
.template-product .product-single__review { padding: 44px 0 !important; background: #fff !important; }
.template-product .pr-reviews__title { margin: 0 0 14px; font-size: clamp(22px, 3vw, 28px); font-weight: 800; color: var(--b-ink); }
.template-product .pr-reviews__empty {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 20px;
  padding: 14px 18px;
  background: var(--b-panel);
  border: 1px solid var(--b-line);
  border-left: 4px solid var(--b-yellow);
  border-radius: 14px;
  font-size: 15px;
  font-weight: 700;
  color: var(--b-ink);
}
/* show only our message when there are no reviews, and make "Write a review" a brand button */
.template-product .product-single__review .jdgm-rev-widg[data-number-of-reviews="0"] .jdgm-rev-widg__summary-text { display: none !important; }
.template-product .product-single__review .jdgm-write-rev-link {
  display: inline-block;
  padding: 12px 26px;
  background: var(--b-blue) !important;
  border: 0 !important;
  border-radius: 12px !important;
  font-weight: 800;
  color: #fff !important;
}
.template-product .product-single__review .jdgm-write-rev-link:hover { background: var(--b-blue-d) !important; }

/* 9. PHONES ------------------------------------------------------------------------------------ */
@media (max-width: 767px) {
  .template-product .product-single__price { font-size: 28px; }
}

@media (max-width: 767px) {
  html body #whatsapp-connect-root div.whatsapp-connect-container[style] {
    bottom: calc(var(--mdock-h, 130px) + 14px) !important;
  }
}

/* =====================================================================
   101 WAGGING TAILS - "Added to cart" popup (Vinova Mate theme)
   Paste at the bottom of assets/store-custom.css
   This is the panel that opens when a product is added to the cart.
   Brand: blue #2345d7 | orange #f1731f | navy #0f1738  (v2: blue + orange)
   ===================================================================== */

.cart_popup_opened {
  --b-blue:   #2345d7;
  --b-blue-d: #1a37b5;
  --b-yellow: #efab00;
  --b-orange: #f1731f;
  --b-ink:    #0f1738;
  --b-muted:  #5b6480;
  --b-line:   #e6ebf7;
  --b-panel:  #f5f7ff;
}

/* 1. POPUP SHELL ------------------------------------------------------------- */
.cart_popup_opened .mfp-bg { background: #0f1738; opacity: .55; }
.cart_popup_opened .cart__popup {
  max-width: 1000px;
  overflow: hidden;
  background: #fff;
  border-radius: 24px;
  box-shadow: 0 30px 80px rgba(15, 23, 56, 0.35);
}
.cart_popup_opened .cart-popup__content-top { padding: 34px 40px 36px; }
.cart_popup_opened button.mfp-close {
  top: 14px;
  right: 14px;
  width: 42px;
  height: 42px;
  line-height: 40px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 4px 14px rgba(15, 23, 56, 0.2);
  color: var(--b-ink);
  opacity: 1;
}

/* 2. HEADING: green check + title + item count ---------------------------------- */
.cart_popup_opened .cart-popup-heading { margin-bottom: 22px !important; text-transform: none; }
.cart_popup_opened .cart-popup-heading .cart__popup-headingtitle {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-right: 14px;
  font-size: 22px;
  font-weight: 800;
  text-transform: none;
  color: var(--b-ink);
}
.cart_popup_opened .cart-popup-heading .cart__popup-headingtitle::before {
  content: "";
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #2345d7 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 16px no-repeat;
}
.cart_popup_opened .cart-popup-heading span {
  padding: 5px 14px;
  background: var(--b-panel);
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  text-transform: none;
  color: var(--b-blue);
}

/* 3. PRODUCT ROWS ----------------------------------------------------------------- */
.cart_popup_opened .cart_items { max-height: 330px; padding-top: 6px; padding-bottom: 6px; }
.cart_popup_opened .cart__popup-item {
  margin-bottom: 12px !important;
  padding: 14px 18px 8px;
  background: #fff;
  border: 1px solid var(--b-line);
  border-radius: 18px;
  box-shadow: 0 2px 10px rgba(16, 32, 96, 0.05);
}
.cart_popup_opened .cart__popup-item .cart__popup-thumb {
  background: var(--b-panel);
  border-radius: 14px;
  overflow: hidden;
}
.cart_popup_opened .cart__popup-item .cart__popup-thumb img { mix-blend-mode: multiply; }
.cart_popup_opened .cart__popup-item .cart__popup_grow .cart__popup-title a {
  font-size: 14px;
  font-weight: 800;
  line-height: 1.45;
  color: var(--b-ink);
}
.cart_popup_opened .cart__popup-item .cart__popup_grow .cart__popup-title a:hover { color: var(--b-blue); }
.cart_popup_opened .cart__popup-item .cart__popup_grow .cart__popup-variant {
  display: inline-block;
  padding: 2px 10px;
  background: var(--b-panel);
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  text-transform: none;
  color: var(--b-muted);
}
.cart_popup_opened .cart__popup-item .cart__popup-price { font-size: 14px; font-weight: 700; color: var(--b-ink); }
.cart_popup_opened .cart__popup-item .cart__popup-total .product-subtotal,
.cart_popup_opened .cart__popup-item .cart__popup-total { font-size: 16px; font-weight: 800; color: var(--b-blue); }

/* quantity stepper */
.cart_popup_opened .cart__popup-item .cart__popup-quantity .quantity {
  max-width: 118px;
  height: 42px;
  background: #fff;
  border: 2px solid var(--b-line);
  border-radius: 12px;
  overflow: hidden;
}
.cart_popup_opened .cart__popup-item .cart__popup-quantity .cart__popup-qty {
  width: 32px;
  min-width: 32px;
  height: 38px;
  justify-content: center;
  font-size: 18px;
  font-weight: 700;
  color: var(--b-blue);
}
.cart_popup_opened .cart__popup-item .cart__popup-quantity .cart__popup-qty:hover { background: var(--b-panel); color: var(--b-orange); }
.cart_popup_opened .cart__popup-item .cart__popup-quantity .cart__popup-qty--input {
  height: 38px !important;
  font-size: 14px;
  font-weight: 800;
  color: var(--b-ink);
}
/* remove (trash) */
.cart_popup_opened .cart__popup-item .cart__popup-remove a {
  width: 30px;
  height: 30px;
  min-width: 30px;
  line-height: 26px;
  background: #fff;
  border: 2px solid var(--b-line);
  color: var(--b-muted);
  transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.cart_popup_opened .cart__popup-item .cart__popup-remove a:hover {
  background: #fff1e8;
  border-color: var(--b-orange);
  color: var(--b-orange);
}

/* 4. FREE SHIPPING NOTICE ----------------------------------------------------------- */
.cart_popup_opened .cart-notice-total {
  margin-top: 22px !important;
  font-size: 13px;
  font-weight: 700;
  text-transform: none !important;
  color: var(--b-muted);
}
.cart_popup_opened .cart-notice-total span { color: var(--b-blue); }
.cart_popup_opened #threshold_bar_popup {
  margin: 12px 23px 0 0;
  padding: 14px 16px 6px;
  background: #fff1e6;
  border: 1px solid #ffd2ad;
  border-radius: 16px;
}
.cart_popup_opened #threshold_bar_popup:has(.spend_congrats) { background: #eef2ff; border-color: #c9d4f7; }
.cart_popup_opened #threshold_bar_popup .threshold_spend {
  font-size: 13px;
  font-weight: 700;
  text-transform: none;
  letter-spacing: 0;
  color: var(--b-ink);
}
.cart_popup_opened .threshold_spend.spend_congrats { color: var(--b-blue); }
.cart_popup_opened .threshold_bar { background: #fff; border: 1px solid #ffd2ad; }
.cart_popup_opened .threshold_bar .animate { background-color: var(--b-orange); }
.cart_popup_opened .threshold_bar .animate span { background-color: #c94d0a; color: #fff; box-shadow: 0 0 0 2px #fff; }
.cart_popup_opened .threshold_bar.threshold_congrats { border-color: #c9d4f7; }
.cart_popup_opened .threshold_bar.threshold_congrats .animate,
.cart_popup_opened .threshold_bar.threshold_congrats .animate span { background-color: var(--b-blue); }

/* 5. TOTAL + BUTTONS ------------------------------------------------------------------- */
.cart_popup_opened .cart__popup-total__price {
  padding: 18px 20px;
  background: var(--b-panel);
  border-radius: 16px;
  font-size: 15px;
  font-weight: 700;
  text-transform: none;
  color: var(--b-muted);
}
.cart_popup_opened .cart__popup-total__price .text-uppercase { text-transform: none !important; }
.cart_popup_opened .cart__popup-total__price .cart__popup-stotal { font-size: 28px; font-weight: 800; color: var(--b-blue); }
.cart_popup_opened .cart__popup-action { margin-top: 16px !important; padding-top: 0 !important; border-top: 0; }
.cart_popup_opened .cart__popup-action .btn {
  height: 52px;
  line-height: 48px;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: none;
  border-radius: 12px;
  transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}
/* View cart + Continue shopping = outline */
.cart_popup_opened .cart__popup-action a.btn:not(.checkout-button) {
  background: #fff;
  color: var(--b-blue);
  border: 2px solid var(--b-blue);
}
.cart_popup_opened .cart__popup-action a.btn:not(.checkout-button):hover {
  background: var(--b-blue);
  border-color: var(--b-blue);
  color: #fff;
}
/* Proceed to checkout = solid blue */
.cart_popup_opened .cart__popup-action .checkout-button {
  background: var(--b-blue);
  color: #fff;
  border: 2px solid var(--b-blue);
  box-shadow: 0 10px 22px rgba(35, 69, 215, 0.28);
}
.cart_popup_opened .cart__popup-action .checkout-button:hover {
  background: var(--b-blue-d);
  border-color: var(--b-blue-d);
  color: #fff;
  transform: translateY(-1px);
}

/* 6. TERMS CHECKBOX (the checkout button stays faded until this is ticked) ------------- */
.cart_popup_opened .popup__cart-checkout { margin-top: 22px !important; }
.cart_popup_opened .popup__cart-checkout label {
  margin: 0;
  padding: 12px 14px;
  background: #fff1e6;
  border: 1px solid #ffd2ad;
  border-radius: 12px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
  color: var(--b-ink);
  transition: background .2s ease, border-color .2s ease;
}
.cart_popup_opened .popup__cart-checkout .custom-checkbox {
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  margin-right: 12px;
  background: #fff;
  border: 2px solid var(--b-blue);
  border-radius: 7px;
}
.cart_popup_opened .popup__cart-checkout .label__text a { color: var(--b-blue); font-weight: 800; text-decoration: underline; }
.cart_popup_opened #checkout__input:checked + label { background: #eef2ff; border-color: #c9d4f7; }
.cart_popup_opened #checkout__input:checked + label .custom-checkbox { background-color: var(--b-blue); border-color: var(--b-blue); }

/* 7. YOU MIGHT ALSO LIKE (bottom of the popup) ---------------------------------------------- */
.cart_popup_opened .cart-popup__content-bottom { padding: 30px 40px 36px; background: var(--b-panel); border-top: 0; }
.cart_popup_opened .cart__popup-related-title {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 800;
  text-transform: none;
  color: var(--b-ink);
}
.cart_popup_opened .cart__popup-related-title::after {
  content: "";
  display: block;
  width: 48px;
  height: 4px;
  margin-top: 10px;
  border-radius: 4px;
  background: var(--b-orange);
}
.cart_popup_opened .product-related .popup__cart-product {
  height: 100%;
  padding: 10px 10px 14px;
  background: #fff;
  border: 1px solid var(--b-line);
  border-radius: 16px;
}
.cart_popup_opened .product-related .popup__cart-product:hover { border-color: var(--b-blue); box-shadow: 0 12px 26px rgba(35, 69, 215, 0.14); }
.cart_popup_opened .product-related .popup__cart-product img { border-radius: 12px; }
.cart_popup_opened .product-related .popup__cart-product .related_product-title { font-size: 13px; color: var(--b-ink); }
.cart_popup_opened .product-related .popup__cart-product .product__price { font-weight: 800; color: var(--b-blue); }

/* 8. MOBILE ------------------------------------------------------------------------------------ */
@media (max-width: 767px) {
  .cart_popup_opened .cart__popup { border-radius: 0; }
  .cart_popup_opened .cart-popup__content-top { padding: 24px 14px 28px; }
  .cart_popup_opened .cart-popup__content-bottom { padding: 24px 14px 30px; }
  .cart_popup_opened .cart-popup-heading .cart__popup-headingtitle { font-size: 19px; }
  .cart_popup_opened .cart__popup-total__price .cart__popup-stotal { font-size: 24px; }
  .cart_popup_opened #threshold_bar_popup { margin-right: 0; }
}


/* ---------------------------------------------------------------------------------------
   "ADD IT TO YOUR ORDER" - quick add suggestions at the bottom of the popup
   (needs the edited templates/cart.upsell.liquid)
   --------------------------------------------------------------------------------------- */
.cart_popup_opened .order-addons { background: #fff8f2; }
.cart_popup_opened .order-addons__head { margin-bottom: 14px; }
.cart_popup_opened .order-addons .cart__popup-related-title { margin-bottom: 4px; }
.cart_popup_opened .order-addons .cart__popup-related-title::after { display: none; }   /* the subtitle sits right under the title */
.cart_popup_opened .order-addons__sub { margin: 0; font-size: 14px; font-weight: 600; color: var(--b-muted); }
.cart_popup_opened .order-addons__list { margin: 0; padding: 0; list-style: none; }
.cart_popup_opened .order-addon {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  margin-bottom: 10px;
  padding: 12px 14px;
  background: #fff;
  border: 1px solid #ffe1cc;
  border-radius: 16px;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.cart_popup_opened .order-addon:hover { border-color: var(--b-orange); box-shadow: 0 8px 20px rgba(241, 115, 31, 0.12); }
.cart_popup_opened .order-addon__img { display: block; width: 76px; height: 76px; background: #fff; border: 1px solid #f1f3f8; border-radius: 12px; overflow: hidden; }
.cart_popup_opened .order-addon__img img { display: block; width: 100%; height: 100%; padding: 6px; object-fit: contain; }
.cart_popup_opened .order-addon__info { min-width: 0; }
.cart_popup_opened .order-addon__brand { display: block; margin-bottom: 2px; font-size: 11px; font-weight: 700; letter-spacing: .6px; text-transform: uppercase; color: #6b7280; }
.cart_popup_opened .order-addon__name {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
  color: var(--b-ink);
}
.cart_popup_opened .order-addon__name:hover { color: var(--b-blue); }
.cart_popup_opened .order-addon__price { display: block; margin-top: 4px; font-size: 15px; font-weight: 800; color: #c94d0a; }
.cart_popup_opened .order-addon__price s { margin-left: 6px; font-size: 12px; font-weight: 600; color: #9aa3b5; }
.cart_popup_opened .order-addon__form { margin: 0; }
.cart_popup_opened .order-addon__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 88px;
  height: 42px;
  padding: 0 18px;
  background: #fff;
  border: 2px solid var(--b-blue);
  border-radius: 999px;
  font-size: 14px;
  font-weight: 800;
  line-height: 1;
  text-transform: none;
  color: var(--b-ink);
  cursor: pointer;
  transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.cart_popup_opened .order-addon__btn:hover { background: var(--b-blue); border-color: var(--b-blue); color: #fff; }
@media (max-width: 575px) {
  .cart_popup_opened .order-addon { grid-template-columns: 64px minmax(0, 1fr); gap: 12px; padding: 10px 12px; }
  .cart_popup_opened .order-addon__img { width: 64px; height: 64px; }
  .cart_popup_opened .order-addon__form,
  .cart_popup_opened .order-addon__btn--link { grid-column: 2; justify-self: start; }
  .cart_popup_opened .order-addon__btn { height: 38px; min-width: 84px; }
}













  #shopify-section-{{ section.id }} .item.slide-is-link { position: relative; }
  #shopify-section-{{ section.id }} .slide-full-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    display: block;
    cursor: pointer;
    -webkit-user-drag: none;
  }
  #shopify-section-{{ section.id }} .slide-full-link:focus-visible {
    outline: 3px solid #2345d7;
    outline-offset: -3px;
  }


  /* =====================================================================
   101 WAGGING TAILS - "Shop All" button under the homepage sliders
   Small brand-blue pill (like the reference image)
   Paste at the bottom of assets/store-custom.css (replace the earlier "See all" block)
   Works with the edited sections nov-products-slider.liquid and nov-collection-tabs.liquid
   ===================================================================== */
.see-all { margin-top: 20px; text-align: center; }
.see-all .see-all__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 112px;
  height: 40px;
  padding: 0 28px;
  background: #2345d7;
  border: 0;
  border-radius: 18px;                     /* full pill */
  box-shadow: 0 6px 14px rgba(35, 69, 215, 0.2);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1;
  text-transform: none;
  text-decoration: none;
  color: #fff;
  transition: background .2s ease, transform .2s ease, box-shadow .2s ease;
}
.see-all .see-all__btn:hover,
.see-all .see-all__btn:focus {
  background: #1a37b5;
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(35, 69, 215, 0.28);
}
.see-all .see-all__btn:focus-visible { outline: 3px solid #efab00; outline-offset: 3px; }