/* CagetopiaEra working brand layer. Loaded after the vendor theme CSS. */
@font-face{font-family:"Era Newsreader";src:url("../fonts/newsreader-400.woff2") format("woff2"),url("../fonts/newsreader-400.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Era Source Sans 3";src:url("../fonts/figtree-latin.woff2") format("woff2");font-style:normal;font-weight:400 700;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url("../fonts/figtree-latin.woff2") format("woff2");font-style:normal;font-weight:400 700;font-display:swap}
:root{
  --era-blue:#365fad;--era-blue-hover:#284f98;--era-link:#2e70b5;
  --era-ink:#24354f;--era-muted:#5d6879;--era-line:#dde3ef;
  --era-cloud:#f5f7fc;--era-violet:#8660b4;
  --primary:var(--era-blue);--primary-hover:var(--era-blue-hover);
  --primary-hover-border:var(--era-blue-hover);--primary-active-border:var(--era-blue-hover);
  --primary-dark:var(--era-blue-hover);--background:#fff;--dark:var(--era-ink);
  --text-dark:var(--era-ink);--control-border:#bdc7d9;
  --font-sans-serif:"Era Source Sans 3",Arial,sans-serif;
  --font-family:"Era Source Sans 3",Arial,sans-serif;
}
body{color:var(--era-ink);background:#fff;font:400 1.125rem/1.55 "Era Source Sans 3",Arial,sans-serif}
button,input,select,textarea{font-family:inherit}
a:not(.btn){color:var(--era-link);text-underline-offset:3px}
a:not(.btn):hover{color:var(--era-blue-hover)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--era-violet);outline-offset:3px}
h1,h2{color:var(--era-ink);font-family:"Era Source Sans 3",Arial,sans-serif;font-weight:400;letter-spacing:-.015em;line-height:1.14}
h3,h4,h5,h6{color:var(--era-ink);font-family:"Era Source Sans 3",Arial,sans-serif}
.btn,.ThemeButton,input[type="submit"]:not(.btn){font-size:1.125rem;font-weight:500;line-height:1.4;min-height:48px;border-radius:9px;text-transform:none;letter-spacing:0}
.btn-dark,.ThemeButton:not(.btn):not(.as-link),input[type="submit"]:not(.btn):not(.as-link){background:var(--era-blue);border-color:var(--era-blue);color:#fff}
.btn-dark:hover,.ThemeButton:not(.btn):not(.as-link):hover,input[type="submit"]:not(.btn):not(.as-link):hover{background:var(--era-blue-hover);border-color:var(--era-blue-hover);color:#fff}
/* The active Header 1 layout retains its menu and cart behavior. */
.ct-header{background:#fff;color:var(--era-ink);border-bottom:1px solid var(--era-line)}
.ct-header .ct-header-top{background:var(--era-cloud);color:var(--era-ink);font-size:1rem}
.ct-header .ct-header-bottom{padding:18px max(20px,4vw);gap:24px}
.ct-header .ct-logo{display:block;width:256px;height:45px;position:relative;overflow:hidden;flex:none}
.ct-header .ct-logo img{position:absolute;max-width:none;width:361px;height:auto;left:-53px;top:-36px}
.ct-header .ct-nav{gap:26px;align-items:center}
.ct-header .ct-nav-item>a{color:var(--era-ink);font-size:1.125rem;font-weight:500;line-height:1.4}
.ct-header .ct-nav-item>a:hover,.ct-header .ct-nav-item>a:focus{color:var(--era-link)}
.ct-header .ct-icon-search,.ct-header .ct-icon-cart{color:var(--era-ink)}
.ct-header .head-navContainer-dropMenu{border:1px solid var(--era-line);border-radius:10px;box-shadow:0 12px 24px rgba(36,53,79,.12)}
/* The active default product layout uses these Cart.com controls. */
body.ProductDetails .LayoutContent{max-width:1440px;margin-inline:auto}
body.ProductDetails .ProductDetails-head-breadcrumb{margin:18px 0 24px;font-size:1rem}
body.ProductDetails .ProductDetails-main{align-items:start;gap:0;margin-bottom:3rem!important}
body.ProductDetails .ProductDetails-photoArea{padding-inline:clamp(12px,2vw,28px)}
body.ProductDetails .ProductDetails-photosAreaWrapper{background:var(--era-cloud);border-radius:18px;padding:clamp(16px,2.5vw,32px);overflow:hidden}
body.ProductDetails .main-product-photo{display:flex;align-items:center;justify-content:center;min-height:360px;background:transparent}
body.ProductDetails .main-product-photo img{max-height:520px;object-fit:contain;box-shadow:none!important;border:0!important}
body.ProductDetails .productdetails-photoarea-thumbnail{border:1px solid var(--era-line);border-radius:10px;background:#fff;overflow:hidden}
body.ProductDetails .ProductDetails-details{padding:8px clamp(16px,3vw,44px)!important}
body.ProductDetails .ProductDetailsProductName{font:500 clamp(1.5rem,2.4vw,2rem)/1.2 "Era Source Sans 3",Arial,sans-serif;color:var(--era-ink);letter-spacing:0;margin:0 0 12px}
body.ProductDetails .ProductDetailsManufacturerName,body.ProductDetails .ProductDetailsReviewDisplay{font-size:1rem;color:var(--era-muted)}
body.ProductDetails .pricing-rowWrapper{padding:14px 0 18px;border-bottom:1px solid var(--era-line);margin-bottom:20px}
body.ProductDetails .pricing-row{gap:8px}
body.ProductDetails .pricing-row .price,body.ProductDetails .pricing-row .ProductDetailsPrice{font-size:1.875rem;line-height:1.2;font-weight:500;color:var(--era-ink)}
body.ProductDetails .ProductDetailsVariations{font-size:1.125rem}
body.ProductDetails #dvProductVariations hr{display:none}
body.ProductDetails #dvProductVariations .Variant{background:transparent;border:0;border-top:1px solid var(--era-line);border-radius:0;padding:22px 0;margin:0!important}
body.ProductDetails .pdp-vari-header{font-size:1.125rem;font-weight:600;color:var(--era-ink);margin:0 0 11px}
body.ProductDetails .pdp-vari-control select,body.ProductDetails #dvProductVariations select{width:100%;min-height:48px;padding:10px 12px;background:#fff;border:1px solid #bdc7d9;border-radius:8px;color:var(--era-ink);font-size:1.125rem}
body.ProductDetails #dvProductVariations input[type="text"],body.ProductDetails #dvProductVariations textarea{min-height:48px;border:1px solid #bdc7d9;border-radius:8px}
body.ProductDetails .pdp-vari-swatch{margin-top:12px}
body.ProductDetails .ProductDetailsSwatches{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}
body.ProductDetails .ProductDetailsSwatches li{width:44px;height:44px;padding:4px;border:2px solid transparent;border-radius:50%;background:#fff;overflow:visible}
body.ProductDetails .ProductDetailsSwatches li:hover,body.ProductDetails .ProductDetailsSwatches li:focus-within{border-color:var(--era-violet)}
body.ProductDetails .ProductDetailsSwatches li.selected,body.ProductDetails .ProductDetailsSwatches li.active,body.ProductDetails .ProductDetailsSwatches li[aria-selected="true"]{border-color:var(--era-blue)}
body.ProductDetails .ProductDetailsSwatches li img{width:100%;height:100%;object-fit:cover;border-radius:50%}
body.ProductDetails .ProductDetailsQuantity{padding-top:18px;border-top:1px solid var(--era-line)}
body.ProductDetails .ProductDetailsActions-addToCart input,body.ProductDetails .ProductDetailsActions-addToCart .btn{width:100%;min-height:54px;background:var(--era-blue);border:1px solid var(--era-blue);border-radius:9px;color:#fff;font-size:1.1875rem;font-weight:500;letter-spacing:0;text-transform:none}
body.ProductDetails .ProductDetailsActions-addToCart input:hover,body.ProductDetails .ProductDetailsActions-addToCart .btn:hover{background:var(--era-blue-hover);border-color:var(--era-blue-hover)}
body.ProductDetails .ProductDetailsTabs{border-top:1px solid var(--era-line);padding-top:28px}
body.ProductDetails .ProductDetailsTabs .nav-item .nav-link{font-size:1.125rem;color:var(--era-ink)}
@media(max-width:991px) {
  body.ProductDetails .ProductDetails-details{padding:28px 18px!important}
  body.ProductDetails .main-product-photo{min-height:300px}
}
@media(max-width:575px) {
  body.ProductDetails .ProductDetails-photoArea{padding:0 12px}
  body.ProductDetails .ProductDetails-photosAreaWrapper{border-radius:12px}
  body.ProductDetails .ProductDetailsProductName{font-size:1.5rem}
  body.ProductDetails .ProductDetailsTabs{padding-inline:16px}
}
@media(max-width:768px) {
  .ct-header .ct-header-bottom{padding:12px 16px}
  .ct-header .ct-logo{width:192px;height:34px}
  .ct-header .ct-logo img{width:271px;left:-40px;top:-27px}
  .ct-header .ct-nav-item>a{font-size:1.125rem}
}

/* Gold list stars (ul.star): use the self-hosted Font Awesome 5 Pro solid font
instead of the cdnjs Font Awesome 6 "FontAwesome" font. */
.star li:before,
.star-left li:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
}

/* Font Awesome 6 "fa-solid" icons (e.g. breadcrumb chevrons): draw them with the
self-hosted Font Awesome 5 Pro solid font so the cdnjs FA 6 stylesheet isn't needed. */
.fa-solid {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
}

/* Quantity +/- buttons: product pages underline every link (.ProductDetails-main a),
which drew a line through the icon once the Font Awesome kit was removed. */
.ProductDetails-main a.spinnerBtn,
a.spinnerBtn.btn {
  text-decoration: none;
}

/* Pop-up titles and close buttons: use the brand font instead of Montserrat/Syncopate,
so fonts.google.css no longer needs to load on every page. */
.popup h1,
.popupQuote h1,
.modal-title,
.ac-modal-title,
.all-modal-title,
#dvAddressValidationPopup .modal-header h1 {
  font-family: "Era Source Sans 3", Arial, sans-serif;
}
.modal .close::after,
#popupClose::after,
#popupCloseQuote::after,
.swal2-close::after,
.ac-modal-close::after,
.all-close::after {
  font-family: "Era Source Sans 3", Arial, sans-serif;
  content: "\00d7";
  font-weight: 400;
  text-transform: none;
}
/* Footer, fonts, tap targets (2026-10-20) */
:root {
  --main-font: "Era Source Sans 3", Arial, sans-serif;
  --color-blue: var(--era-blue);
}
footer .footer-top-wrap {
  background: #24354f !important;
}
footer .foot-newsletter-button input,
footer .foot-newsletter-right .foot-newsletter-button input {
  background: #b94775 !important;
  color: #fff !important;
  border-color: #b94775 !important;
}
.ct-header .ct-icons > div > a {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  min-height: 28px;
}
.ct-header .ct-hamburger {
  margin-right: 8px;
}

/* Homepage "Ask Teresa" consult band (Era Home - Why Cagetopia widget). Mascot and icons are drawn here so the widget editor can't strip them. */
.era-consult-home{background:#fff;padding:72px 0}
.era-consult-home .ech-grid{max-width:1040px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:56px;align-items:center}
.era-consult-home .ech-photo{position:relative;margin:0}
.era-consult-home .ech-photo img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:22px;box-shadow:0 22px 50px -24px rgba(49,45,62,.45)}
.era-consult-home .ech-photo::after{content:"";position:absolute;left:-22px;top:-22px;width:84px;height:78px;border:4px solid #fff;border-radius:16px;background:#fff url("/Shared/Themes/CagetopiaEra/images/cagetopia-mascot.webp") center/cover no-repeat;box-shadow:0 8px 20px -8px rgba(49,45,62,.35);transform:rotate(-7deg)}
.era-consult-home .ech-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 12px}
.era-consult-home .ech-only{display:inline-block;background:#3060A8;color:#fff;font:800 12px/1 "Era Source Sans 3",Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:7px 11px;border-radius:999px}
.era-consult-home .ech-eyebrow{font:800 12px/1.5 "Era Source Sans 3",Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#a14171}
.era-consult-home h2{margin:0 0 16px;font:800 clamp(32px,4vw,46px)/1.04 "Era Source Sans 3",Arial,sans-serif;letter-spacing:-.04em;color:#312d3e;text-wrap:balance}
.era-consult-home p{margin:0 0 14px;font-size:19px;line-height:1.5;color:#4b4558;max-width:34em}
.era-consult-home .ech-lead{font-size:21px;font-weight:600;color:#312d3e;margin-bottom:10px}
.era-consult-home .ech-reply,.era-consult-home .ech-cartnote{position:relative;padding-left:28px;font-size:15.5px;line-height:1.45;color:#6e6577}
.era-consult-home .ech-reply{margin-bottom:24px}
.era-consult-home .ech-reply::before,.era-consult-home .ech-cartnote::before{content:"";position:absolute;left:0;top:2px;width:18px;height:18px;background-color:#a14171;-webkit-mask:var(--ech-icon) center/contain no-repeat;mask:var(--ech-icon) center/contain no-repeat}
.era-consult-home .ech-reply{--ech-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")}
.era-consult-home .ech-cartnote{--ech-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2.5l2.2 10.2a1.6 1.6 0 0 0 1.6 1.3h7.6a1.6 1.6 0 0 0 1.6-1.2L20.5 8H6.3'/%3E%3Ccircle cx='10' cy='20' r='1.4'/%3E%3Ccircle cx='17' cy='20' r='1.4'/%3E%3C/svg%3E")}
.era-consult-home .ech-cartnote{margin:0;max-width:30em}
.era-consult-home .ech-cartnote strong{color:#312d3e}
.era-consult-home .ech-actions{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.era-consult-home .ech-cta{display:inline-block;background:#b94775;color:#fff!important;font:800 17px/1.2 "Era Source Sans 3",Arial,sans-serif;padding:15px 22px;border-radius:9px;text-decoration:none!important;transition:background .15s}
.era-consult-home .ech-cta:hover,.era-consult-home .ech-cta:focus-visible{background:#9d3a63}
@media (max-width:820px){
  .era-consult-home{padding:48px 0 56px}
  .era-consult-home .ech-grid{grid-template-columns:1fr;gap:30px;padding:0 20px}
  .era-consult-home .ech-photo{max-width:250px;width:100%;margin:0 auto}
  .era-consult-home .ech-photo img{aspect-ratio:1/1;object-position:50% 28%}
  .era-consult-home .ech-photo::after{left:-12px;top:-14px;width:68px;height:63px}
  .era-consult-home p{font-size:17.5px}
  .era-consult-home .ech-lead{font-size:18.5px}
  .era-consult-home .ech-actions{align-items:stretch}
  .era-consult-home .ech-cta{display:block;text-align:center}
}