/* Cagetopia shopping fixes (theme 89), loaded in Head Tags so they apply before the page first draws.

1. Product page styles. Loaded early so the page doesn't jump while it loads.
Copies of the <style> blocks in Product Details > HTML Editor, which still run later and change nothing.
If you change a style there, change it here too (or delete the copy there). */

/* Small graphic swatches and a slim collection tab bar. */
#dvProductVariations .era-chooser{margin:2px 0 4px}
#dvProductVariations .era-has-chooser .pdp-vari-header,#dvProductVariations .era-height-chooser .pdp-vari-header{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:7px}
#dvProductVariations .pdp-vari-header>.variant-custom-error:empty{display:none}
#dvProductVariations .era-has-chooser .pdp-vari-header>p{margin:0}
#dvProductVariations .era-selected-name{color:#365fad;font-weight:500;font-size:.92em;white-space:normal}
#dvProductVariations .era-selected-status{display:inline;margin-left:7px;white-space:nowrap}
#dvProductVariations .era-selected-swatch{display:inline-block;width:20px;height:20px;vertical-align:middle;transform:translateY(-2px)}
#dvProductVariations .era-selected-swatch .era-swatch-dot{display:block;width:20px;height:20px;border-radius:5px}
#dvProductVariations .era-tabs{display:flex;gap:16px;overflow-x:auto;white-space:nowrap;border-bottom:1px solid #dde3ef;margin:0 0 6px}
#dvProductVariations .era-tab{appearance:none;border:0;border-bottom:2px solid transparent;background:none;color:#526176;padding:4px 0 5px;min-height:30px;font:500 .94rem/1.2 "Era Source Sans 3",Arial,sans-serif;cursor:pointer}
#dvProductVariations .era-tab[aria-selected="true"]{border-bottom-color:#365fad;color:#365fad}
#dvProductVariations .era-tab:focus-visible,#dvProductVariations .era-swatch:focus-visible{outline:2px solid #365fad;outline-offset:3px}
#dvProductVariations .era-panel[hidden]{display:none}
#dvProductVariations .era-swatches{display:flex;flex-wrap:wrap;gap:5px;align-items:center}
#dvProductVariations .era-swatch{position:relative;appearance:none;border:2px solid transparent;border-radius:11px;background:none;width:46px;height:46px;padding:3px;cursor:pointer;flex:none}
#dvProductVariations .era-swatch-dot{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:7px;border:1px solid #aeb9c9;object-fit:cover;background:#f5f7fc;color:#24354f;font:600 .75rem/1 "Era Source Sans 3",Arial,sans-serif;text-transform:uppercase}
#dvProductVariations .era-swatch[aria-pressed="true"]{border-color:#365fad}
#dvProductVariations .era-swatch[aria-pressed="true"]::after{content:'\2713';position:absolute;right:-3px;bottom:-3px;width:17px;height:17px;border-radius:50%;background:#365fad;color:#fff;text-align:center;font:600 12px/17px Arial,sans-serif}
#dvProductVariations .era-swatch:disabled{opacity:.45;cursor:not-allowed}
#dvProductVariations .era-swatch.era-text-choice{width:auto;height:36px;padding:0 10px;border:1px solid #aeb9c9;border-radius:7px;background:#fff;color:#24354f;font:500 .86rem/1.1 "Era Source Sans 3",Arial,sans-serif;white-space:nowrap}
#dvProductVariations .era-text-choice[aria-pressed="true"]{border:2px solid #365fad}
#dvProductVariations .era-text-choice[aria-pressed="true"]::after{display:none}
#dvProductVariations .era-tab-help{color:#526176;font:400 .88rem/1.4 "Era Source Sans 3",Arial,sans-serif;margin:7px 0 0}
#dvProductVariations .era-more-info{display:inline-block;font:.86rem/1.3 "Era Source Sans 3",Arial,sans-serif;margin-top:5px}
#dvProductVariations .era-coro-chooser>.pdp-vari-swatch~*{display:none!important}
#dvProductVariations .era-has-chooser>.pdp-vari-control,#dvProductVariations .era-has-chooser>.pdp-vari-swatch{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
#dvProductVariations .era-height-choice-row{display:flex;flex-wrap:wrap;gap:10px;margin:3px 0 3px}
#dvProductVariations .era-height-choice{appearance:none;display:flex;align-items:center;gap:7px;width:min(48%,185px);min-height:66px;padding:6px;border:1px solid #bdc7d9;border-radius:9px;background:#fff;color:#24354f;text-align:left;cursor:pointer;font-size:.88rem;line-height:1.22}
#dvProductVariations .era-height-choice img{width:54px;height:48px;object-fit:contain;border-radius:5px;background:#f5f7fc;flex:none}
#dvProductVariations .era-height-choice[aria-pressed="true"]{border:2px solid #365fad;background:#f5f7fc}
#dvProductVariations .era-height-choice small{display:block;color:#526176;font-size:.78rem}
#dvProductVariations .era-height-more{font-size:.9rem;color:#526176;margin:3px 0 0}
#dvProductVariations .era-height-more summary{cursor:pointer;color:#2e70b5}
#dvProductVariations .era-height-more p{font-size:.84rem;line-height:1.35;margin:6px 0}
#dvProductVariations .era-height-more .pdp-vari-control{margin:7px 0 0}
#dvProductVariations .era-height-more:not([open])>.pdp-vari-control{display:none!important}
#dvProductVariations .era-height-selected{margin:0}
#dvProductVariations .era-height-chooser>.pdp-vari-swatch~*{display:none!important}
#dvProductVariations .era-height-two-only>.pdp-vari-control{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important}
#dvProductVariations .era-fit-variant{display:none!important}
#dvProductQuantity .era-fit-confirm{padding:0 0 13px;margin:0 0 15px;border-bottom:1px solid #dde3ef;font-size:.96rem;line-height:1.35}
#dvProductQuantity .era-fit-label{display:flex;align-items:flex-start;gap:8px;font-weight:400;color:#24354f;cursor:pointer}
#dvProductQuantity .era-fit-label strong{font-weight:700}
#dvProductQuantity .era-fit-label input{width:18px;height:18px;flex:none;margin:2px 0 0;accent-color:#365fad}
#dvProductQuantity .era-fit-detail{font-size:.86rem;color:#5d6879;margin:3px 0 0 26px}
#dvProductQuantity .era-fit-detail>details{display:inline-block;margin-left:8px;vertical-align:top}
#dvProductQuantity .era-fit-detail summary{color:#2e70b5;cursor:pointer;display:inline;list-style:none;margin:0}
#dvProductQuantity .era-fit-detail summary::-webkit-details-marker{display:none}
#dvProductQuantity .era-fit-error{font-size:.85rem;color:#b33b30;margin:4px 0 0 26px}
#dvProductQuantity .era-fit-error[hidden]{display:none}
#dvProductQuantity .era-buy-read{border:0;background:none;padding:0;color:#2e70b5;text-decoration:underline;cursor:pointer;font:inherit}
body.ProductDetails-581 .era-buy-confirm.era-required-missing, body.ProductDetails-582 .era-buy-confirm.era-required-missing{padding:8px;border-radius:7px;outline:2px solid #ce5555;outline-offset:1px}
@media(max-width:575px){body.ProductDetails .ProductDetails-photosAreaWrapper .main-product-photo{order:1!important;min-height:240px}body.ProductDetails .ProductDetails-photosAreaWrapper .thumbs-slideshow{order:2!important;width:100%!important;max-width:100%!important;height:auto!important}body.ProductDetails .thumbs-slideshow .splide__arrows{display:none!important}body.ProductDetails .thumbs-slideshow .splide__track{overflow-x:auto!important;overflow-y:hidden;scrollbar-width:thin}body.ProductDetails .thumbs-slideshow .splide__list{transform:none!important;width:max-content!important;display:flex!important;gap:8px}body.ProductDetails .thumbs-slideshow .splide__slide{width:68px!important;min-width:68px!important;height:68px!important;margin-right:0!important;flex:0 0 68px!important}body.ProductDetails .thumbs-slideshow .splide__slide img{width:100%!important;height:100%!important;object-fit:cover}}
@media(max-width:575px){body.ProductDetails .ProductDetails-photosAreaWrapper .thumbs-slideshow,body.ProductDetails .ProductDetails-photosAreaWrapper .thumbs-slideshow .splide__track{min-width:0!important;max-width:100%!important}}
@media(max-width:520px){#dvProductVariations .era-tabs{gap:13px}#dvProductVariations .era-tab{font-size:.86rem}#dvProductVariations .era-swatch{width:48px;height:48px}#dvProductVariations .era-height-choice{min-height:76px}#dvProductVariations .era-height-choice img{width:62px;height:56px}}

/* Product copy, logo-colored stars, and tighter gallery frame. */
html body.ProductDetails .ProductDetailsProductName{font:700 clamp(1.625rem,2.4vw,2rem)/1.2 "Era Source Sans 3",Arial,sans-serif!important;color:var(--era-ink);letter-spacing:0;margin:0 0 5px}
body.ProductDetails .era-product-tagline{font:400 clamp(1.8rem,2.7vw,2.5rem)/1.16 "Era Newsreader",Georgia,serif;color:#ac5936;letter-spacing:-.015em;margin:0 0 9px}
body.ProductDetails .era-product-tagline[hidden]{display:none}
body.ProductDetails .era-product-intro{font-size:1rem;line-height:1.42;color:var(--era-muted);margin:0 0 10px;max-width:62ch}
body.ProductDetails .era-product-intro p{margin:0 0 12px;line-height:1.55}
body.ProductDetails .era-product-intro p a{font-family:inherit;text-decoration:none}
body.ProductDetails .ProductDetailsReviewDisplay{align-items:center;margin-bottom:8px!important}
body.ProductDetails .ProductDetailsReviewRatingStars img{width:19px;height:18px;filter:url(#eraLogoWarmStar)}
body.ProductDetails .ProductDetailsReviewRatingStars td{padding-right:2px}
body.ProductDetails .era-review-link{font-size:.95rem;text-decoration:none}
body.ProductDetails .era-review-link:hover{text-decoration:underline}
body.ProductDetails .pricing-rowWrapper{padding:12px 0 15px;border-bottom:0;margin-bottom:0}
body.ProductDetails .ProductDetails-photosAreaWrapper{background:#fff;border:1px solid var(--era-line);border-radius:12px;padding:clamp(6px,.8vw,12px);overflow:hidden}
body.ProductDetails #dvProductQuantity{padding-top:5px;border-top:0}
body.ProductDetails #dvProductQuantity label.ProductDetailsQuantity{padding-top:0;border-top:0}
/* Follow long option columns only when the gallery fits inside the viewport. */
body.ProductDetails .LayoutMiddle{padding-top:.5rem!important;padding-bottom:.5rem!important}
body.ProductDetails .era-photo-facts[hidden]{display:none!important}
body.ProductDetails .era-photo-facts{margin:14px 0 0;padding:13px 16px 15px;border:1px solid var(--era-line);border-radius:12px;background:var(--era-cloud);color:var(--era-ink)}
body.ProductDetails .era-photo-facts h3{font:600 .96rem/1.25 "Era Source Sans 3",Arial,sans-serif;margin:0 0 9px}
body.ProductDetails .era-photo-facts-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr) minmax(0,1fr);gap:8px 16px;margin:0;text-align:center}
body.ProductDetails .era-photo-facts-grid div{min-width:0}
body.ProductDetails .era-photo-facts-grid dt{font-size:.75rem;line-height:1.2;color:var(--era-muted);margin:0 0 3px}
body.ProductDetails .era-photo-facts-grid dd{font-size:.96rem;line-height:1.25;font-weight:600;margin:0}
@media (max-width:575px){body.ProductDetails .era-photo-facts{padding:10px 7px 11px}body.ProductDetails .era-photo-facts-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.9fr) minmax(0,1fr);gap:4px}body.ProductDetails .era-photo-facts-grid dt{font-size:.72rem;line-height:1.15}body.ProductDetails .era-photo-facts-grid dd{font-size:.88rem;line-height:1.2}}
@media (max-width:767px){body.ProductDetails .LayoutMiddle{padding-top:0!important;padding-bottom:0!important}}
@media (min-width: 992px) and (min-height: 700px) {
  body.ProductDetails .ProductDetails-photoArea .main-product-photo {width:var(--era-photo-fit-width,100%)!important;margin-left:auto!important;margin-right:auto!important}
  body.ProductDetails .ProductDetails-photoArea:has(.era-photo-facts:not([hidden])) .main-product-photo {width:var(--era-photo-fit-width,min(100%,calc(100vh - 300px)))!important;margin-left:auto!important;margin-right:auto!important}
  body.ProductDetails .ProductDetails-photoArea .main-product-photo img {width:100%!important;height:auto!important;max-height:none!important}
}
@media (min-width: 992px) and (min-height: 700px) {
  body.ProductDetails.era-sticky-product {overflow-x:clip!important;overflow-y:visible!important}
  body.ProductDetails.era-sticky-product .ProductDetails-main .ProductDetails-photoArea {position:sticky!important;top:14px;align-self:flex-start!important;max-height:calc(100vh - 28px);overflow-y:auto}
}
body.ProductDetails #dvProductVariations > .Variant:not(.era-fit-variant) {border-top:0!important;padding-top:4px!important;padding-bottom:5px!important}
body.ProductDetails #dvProductVariations > .Variant:not(.era-fit-variant) .pdp-vari-header {line-height:1.25!important;margin-bottom:4px!important}
body.ProductDetails #dvProductVariations > .Variant:not(.era-fit-variant) > p {margin:4px 0 6px!important;line-height:1.35!important}
body.ProductDetails #dvProductVariations > .era-height-chooser > .pdp-vari-swatch {display:none!important}


/* Theme 89 product reviews, stock and lower tabs */
body.ProductDetails .ProductDetailsReviewDisplay{display:flex;align-items:center;gap:7px;margin:5px 0 15px!important;font-size:14px}
body.ProductDetails .ProductDetailsReviewRatingStars{margin-right:0!important}
body.ProductDetails .ProductDetailsReviewDisplay .StarRatings img{width:18px;height:18px;object-fit:contain}
body.ProductDetails .era-review-link{font-size:16px;text-decoration:underline;text-underline-offset:3px;color:#3566ad}
body.ProductDetails .pricing-rowWrapper{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 16px}
body.ProductDetails .pricing-rowWrapper .stock-status-row{display:flex;align-items:baseline;gap:8px;flex:0 1 auto;width:auto;margin:0!important;font-size:14px;color:#8a3548}
body.ProductDetails .pricing-rowWrapper .stock-status-row.era-stock-hidden{display:none!important}
body.ProductDetails .stock-status-row .instock-img{display:none!important}
body.ProductDetails .stock-status-row .ProductDetailsNotify{margin-left:0!important}
body.ProductDetails .stock-status-row #lnkNotifyMe{text-decoration:underline;text-underline-offset:2px;color:#3566ad;font-size:14px}
body.ProductDetails #tabs{padding:clamp(18px,3vw,30px);border:1px solid #e3e7f0;border-radius:16px;background:#fff}
body.ProductDetails #tabs>.nav-tabs{display:flex;flex-wrap:wrap;gap:7px;width:max-content;max-width:100%;padding:6px;margin:0 0 20px;border:0;border-radius:12px;background:#f4f6fa}
body.ProductDetails #tabs>.nav-tabs .nav-link{min-height:42px;padding:9px 18px;border:1px solid transparent!important;border-radius:8px!important;background:transparent;color:#40526c;font-size:16px;font-weight:650;line-height:1.25;white-space:normal}
body.ProductDetails #tabs>.nav-tabs .nav-link:hover{background:#e8eef7;color:#263c60}
body.ProductDetails #tabs>.nav-tabs .nav-link.active{border-color:#cbd6e6!important;background:#fff;color:#263c60;box-shadow:inset 0 -3px 0 #aa5899,0 1px 3px rgba(28,46,71,.08)}
body.ProductDetails #tabs>.nav-tabs .nav-link:focus-visible{outline:2px solid #365fad;outline-offset:2px}
body.ProductDetails #tabs>.tab-content{font-size:16px;line-height:1.65}
body.ProductDetails .era-customer-reviews-heading{max-width:900px;margin:38px auto 18px;font-size:28px;line-height:1.25;color:#263c60}
body.ProductDetails #reviewsTabsContent{max-width:1000px;margin:0 auto;padding-top:0!important}
body.ProductDetails #reviews .ProductReviews-summary{max-width:900px;margin:0 auto 16px;padding:0!important}
body.ProductDetails #reviews .ProductReviews-summary>.row{align-items:center;gap:18px!important;margin-bottom:0!important}
body.ProductDetails #reviews .ProductReviews-overall{font-size:32px;line-height:1.1;margin:0}
body.ProductDetails #reviews .ProductReviews-outof{font-size:16px;line-height:1.2;margin:0 0 8px!important}
body.ProductDetails #reviews .ProductReviewRatingBars{max-width:340px;font-size:13px}
body.ProductDetails #reviews .ProductReviewListingWriteLink{padding:0}
body.ProductDetails #reviews .ProductReviewListingWriteLink a{min-height:38px;padding:9px 18px;font-size:14px}
body.ProductDetails #reviews .ProductReviews-Item{max-width:900px;margin:0 auto}
body.ProductDetails #reviews .ProductReviewItem{padding:16px 0;border-top:1px solid #e8ecf2}
body.ProductDetails #reviews .profile-image{display:none!important}
body.ProductDetails #reviews .ProductReviewItem-meta{display:block;margin:0 0 6px!important}
body.ProductDetails #reviews .ProductReviewItem-meta>.col-auto{padding:0}
body.ProductDetails #reviews .ProductReviewItem-meta [itemprop=author]{font-size:15px;color:#263c60}
body.ProductDetails #reviews .ProductOverAllRating{display:inline-block;margin-left:9px;vertical-align:middle}
body.ProductDetails #reviews .ProductOverAllRating .StarRatings img{width:16px;height:16px;object-fit:contain}
body.ProductDetails #reviews .ProductReviewItem-content{padding:0!important}
body.ProductDetails #reviews .ProductReviewItem-content h4{font-size:17px;line-height:1.3;margin:0 0 5px!important}
body.ProductDetails #reviews .ProductReviewItem-content blockquote{font-size:15px;line-height:1.55;margin:0 0 8px}
body.ProductDetails #reviews .ProductReviewItem-stamp{font-size:13px;color:#66758a}
@media(max-width:767px){body.ProductDetails #tabs{padding:16px}body.ProductDetails #tabs>.nav-tabs{width:100%}body.ProductDetails #tabs>.nav-tabs .nav-item{flex:1 1 auto}body.ProductDetails #tabs>.nav-tabs .nav-link{width:100%;padding:8px 10px;font-size:14px}body.ProductDetails .era-customer-reviews-heading{font-size:24px;margin-top:28px}body.ProductDetails #reviews .ProductReviews-summary>.row{justify-content:flex-start}body.ProductDetails #reviews .ProductReviewListingWriteLink{justify-content:flex-start!important}body.ProductDetails #reviews .ProductReviewItem{padding:14px 0}}


body.ProductDetails .pricing-rowWrapper .stock-status-row{min-width:0;flex:1 1 160px;flex-wrap:wrap}
body.ProductDetails .pricing-rowWrapper .stock-status-row.era-stock-terminal .ProductDetailsNotify{display:none!important}
body.ProductDetails #reviews{scroll-margin-top:110px}


body.ProductDetails #tabs{border:0!important;border-top:1px solid #e2e7ee!important;border-radius:0!important;padding:30px 0 18px!important;background:transparent!important}
body.ProductDetails #tabs>.nav-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));width:100%!important;max-width:950px!important;gap:12px!important;margin:0 auto 32px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}
body.ProductDetails #tabs>.nav-tabs .nav-item{display:block;min-width:0}
body.ProductDetails #tabs>.nav-tabs .nav-link{display:flex;align-items:center;justify-content:center;width:100%!important;min-height:60px!important;padding:12px 16px!important;border:1px solid #dce3ed!important;border-radius:12px!important;background:#f7f9fc!important;color:#304666!important;font-size:18px!important;font-weight:700!important;line-height:1.25;box-shadow:none!important}
body.ProductDetails #tabs>.nav-tabs .nav-link:hover{border-color:#aa5899!important;background:#f9f1f7!important}
body.ProductDetails #tabs>.nav-tabs .nav-link.active{border-color:#aa5899!important;background:#f8edf5!important;color:#4f2f62!important;box-shadow:inset 0 -4px 0 #aa5899!important}
body.ProductDetails #tabs>.tab-content{max-width:950px;margin:0 auto;font-size:18px!important;line-height:1.65!important}
body.ProductDetails #tabs .tab-pane :is(p,li){font-size:18px!important;line-height:1.65!important}
body.ProductDetails #tabs .tab-pane :is(h2,h3){font-size:23px!important;line-height:1.3!important;margin-top:26px}
body.ProductDetails .era-reviews-header{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:900px;margin:42px auto 18px}
body.ProductDetails .era-customer-reviews-heading{margin:0!important;max-width:none;font-size:30px!important;line-height:1.25!important}
body.ProductDetails #reviews .ProductReviews-summary{display:none!important}
body.ProductDetails .era-reviews-header .ProductReviewListingWriteLink{display:block!important;width:auto!important;max-width:none!important;padding:0!important}
body.ProductDetails .era-reviews-header .ProductReviewListingWriteLink a{display:inline-flex;align-items:center;justify-content:center;min-height:42px!important;padding:9px 17px!important;border:1px solid #aa5899!important;border-radius:8px!important;color:#793b70!important;background:#fff!important;font-size:16px!important;font-weight:700!important;text-decoration:none}
body.ProductDetails .era-reviews-header .ProductReviewListingWriteLink a:hover{background:#f8edf5!important}
body.ProductDetails #reviews .ProductReviews-Item{max-width:900px!important;margin:0 auto}
body.ProductDetails #reviews .ProductReviewItem{margin:0 0 14px!important;padding:20px 23px!important;border:1px solid #e1e6ee!important;border-radius:12px;background:#fff}
body.ProductDetails #reviews .ProductReviewItem-meta{margin-bottom:10px!important}
body.ProductDetails #reviews .ProductReviewItem-meta [itemprop=author]{font-size:17px!important;font-weight:700!important}
body.ProductDetails #reviews .ProductOverAllRating .StarRatings img{width:19px!important;height:19px!important;filter:brightness(0) saturate(100%) invert(67%) sepia(66%) saturate(891%) hue-rotate(349deg) brightness(98%) contrast(93%)}
body.ProductDetails #reviews .ProductReviewItem-content h4{font-size:21px!important;line-height:1.3!important;margin:0 0 8px!important}
body.ProductDetails #reviews .ProductReviewItem-content blockquote{font-size:18px!important;line-height:1.6!important;margin:0 0 12px!important}
body.ProductDetails #reviews .ProductReviewItem-stamp{font-size:15px!important}
@media(max-width:767px){body.ProductDetails #tabs{padding:22px 0 12px!important}body.ProductDetails #tabs>.nav-tabs{gap:6px!important;margin-bottom:22px!important}body.ProductDetails #tabs>.nav-tabs .nav-link{min-height:60px!important;padding:8px 5px!important;font-size:15px!important}body.ProductDetails #tabs>.tab-content{font-size:17px!important}body.ProductDetails #tabs .tab-pane :is(p,li){font-size:17px!important}body.ProductDetails #tabs .tab-pane :is(h2,h3){font-size:21px!important}body.ProductDetails .era-reviews-header{margin-top:30px;flex-wrap:wrap}body.ProductDetails .era-customer-reviews-heading{font-size:26px!important}body.ProductDetails #reviews .ProductReviewItem{padding:18px!important}body.ProductDetails #reviews .ProductReviewItem-content h4{font-size:19px!important}body.ProductDetails #reviews .ProductReviewItem-content blockquote{font-size:17px!important}}


body.ProductDetails #tabs .tab-pane ul{width:100%!important;max-width:850px!important}
body.ProductDetails #tabs .tab-pane li{max-width:none!important}


body.ProductDetails .ProductDetailsTabs.product-tabs{margin-top:24px!important;margin-bottom:20px!important;padding-top:14px!important}
body.ProductDetails #tabs{border-top:0!important;padding-top:0!important;padding-bottom:0!important}
body.ProductDetails #tabs>.nav-tabs{margin-bottom:18px!important}
body.ProductDetails .era-reviews-header{margin-top:22px!important}
@media(max-width:767px){body.ProductDetails .ProductDetailsTabs.product-tabs{margin-top:18px!important;margin-bottom:16px!important;padding-top:10px!important}body.ProductDetails #tabs>.nav-tabs{margin-bottom:14px!important}body.ProductDetails .era-reviews-header{margin-top:18px!important}}


body.ProductDetails #tabs>.tab-content{padding-top:0!important;padding-bottom:0!important}
body.ProductDetails #tabs .tab-pane .ac-content-edit-product>:first-child{margin-top:0!important}
body.ProductDetails .ProductDetailsTabs.product-tabs{margin-bottom:8px!important}
body.ProductDetails .era-reviews-header{margin-top:14px!important}
@media(max-width:767px){body.ProductDetails .ProductDetailsTabs.product-tabs{margin-bottom:6px!important}body.ProductDetails .era-reviews-header{margin-top:12px!important}}


body.ProductDetails #tabs>.tab-content>.tab-pane:not(.active){display:none!important}


body.ProductDetails .ProductDetailsReviewRatingCount a[href*="WriteReview"]{font-weight:400!important}

body.ProductDetails .era-cage-related h3{font-size:1.4rem;line-height:1.25;margin:0 0 7px;color:#243c5d}
body.ProductDetails .era-cage-related-intro{font-size:1rem;line-height:1.5;color:#4d5f74;margin:0 0 18px}
body.ProductDetails .era-cage-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
body.ProductDetails .era-cage-related-card{border:1px solid #e1e6ee;border-radius:12px;background:#fff;padding:20px 23px;color:#24354f;font-size:18px}
body.ProductDetails .era-cage-related-author{font-size:17px;font-weight:700;color:#263c60;line-height:1.3;margin-bottom:2px}
body.ProductDetails .era-cage-related-stars{display:flex;gap:0;margin:0 0 10px;line-height:1}
body.ProductDetails .era-cage-related-stars img{display:block;width:19px;height:19px;object-fit:contain;filter:brightness(0) saturate(100%) invert(67%) sepia(66%) saturate(891%) hue-rotate(349deg) brightness(98%) contrast(93%)}
body.ProductDetails .era-cage-related-card h4{color:#24354f;font-size:21px;font-weight:700;line-height:1.3;margin:0 0 8px}
body.ProductDetails .era-cage-related-card blockquote{font-size:18px;line-height:1.6;margin:0 0 12px;padding:0;border:0;color:#24354f}
body.ProductDetails .era-cage-related-byline{font-size:15px;color:#66758a;margin-bottom:7px}
body.ProductDetails .era-cage-related-source{font-size:.8rem;line-height:1.4}
body.ProductDetails .era-cage-related-source a{color:#2675b5;text-decoration:underline}
@media(max-width:767px){body.ProductDetails .era-cage-related-grid{grid-template-columns:1fr}body.ProductDetails .era-cage-related-card{padding:18px}body.ProductDetails .era-cage-related-card h4{font-size:19px}body.ProductDetails .era-cage-related-card blockquote{font-size:17px}}


/* Phones: style.css hides the main photo whenever there is a thumbnail slideshow (it expects large swipe slides),
but the theme shows small thumbnails there, so shoppers saw no product photo. Keep the main photo visible. */
@media (max-width:576px){
  body.ProductDetails .thumbs-slideshow:not(:empty)~.main-product-photo{display:flex!important;min-height:0}
}

/* 2. Checkout (desktop): the template closes the two-column row before the order summary,
so the summary fell below the form. Lay the form and summary side by side. */
@media (min-width:1200px){
  body.OnePageCheckOut .LayoutContentInner:has(>.checkout-summary){display:flex;flex-wrap:wrap;align-items:flex-start}
  body.OnePageCheckOut .LayoutContentInner>.checkout.row{flex:0 0 58.333%;max-width:58.333%}
  body.OnePageCheckOut .LayoutContentInner>.checkout.row>.checkout-wrap{flex:0 0 100%;max-width:100%}
  body.OnePageCheckOut .LayoutContentInner>.checkout-summary{flex:0 0 41.667%;max-width:41.667%;margin-top:32px;position:sticky;top:20px}
}

/* 3. Header (desktop): hide the store's old menu labels until cagetopia-menu.js swaps in the new menu,
so they don't flash on every page. If the script ever fails, they appear after 2.5 seconds. */
@media (min-width:1101px){
  .ct-header .ct-head-menu>li.ct-head-drop{visibility:hidden;animation:cm-old-menu-fallback 0s linear 2.5s forwards}
}
@keyframes cm-old-menu-fallback{to{visibility:visible}}

/* 4. Empty cart: the theme only showed the cookie-help line, which reads like an error. Add a clear heading. */
.ShoppingCart-empty::before{content:"Your cart is empty";display:block;font:800 30px/1.2 "Era Source Sans 3",Arial,sans-serif;color:#312d3e;margin:0 0 10px}
.ShoppingCart-empty>br:first-child{display:none}
.ShoppingCart-empty>div{font-size:14px;color:#857b8d;margin-bottom:6px}

/* 5. Product options: styles for the "Please complete your choices" check in the Product Details template
(it used to run on product 31 only, and its styles there are scoped to body.ProductDetails-31). */
body.ProductDetails #dvProductVariations .era-required-summary{margin:12px 0 18px;padding:12px 15px;border:1px solid #c75353;border-left:4px solid #b83939;border-radius:6px;background:#fff5f4;color:#692b29;font-size:14px;line-height:1.4}
body.ProductDetails #dvProductVariations .era-required-summary strong{display:block;margin-bottom:3px}
body.ProductDetails #dvProductVariations .era-required-summary[hidden],body.ProductDetails #dvProductVariations .era-required-error[hidden]{display:none!important}
body.ProductDetails #dvProductVariations .era-required-missing>.pdp-vari-header>label{color:#a02d2d}
body.ProductDetails #dvProductVariations .era-required-error{margin:4px 0 7px;color:#a02d2d;font-size:13px;font-weight:600}
body.ProductDetails #dvProductVariations .era-required-missing .era-chooser,body.ProductDetails #dvProductVariations .era-required-missing .era-height-ui{border-radius:7px;outline:2px solid #ce5555;outline-offset:4px}
body.ProductDetails .era-fit-confirm.era-required-missing{padding:8px;border-radius:7px;outline:2px solid #ce5555;outline-offset:1px}
body.ProductDetails #dvProductVariations .era-required-missing>.pdp-vari-header{flex-wrap:wrap}
body.ProductDetails #dvProductVariations .era-required-missing>.pdp-vari-header>.era-required-error{flex:0 0 100%;margin:1px 0 7px}

/* 6. Cages page chart (built by the Cages chart section at the end of js/cagetopia-site.js). The page is recognized by its 2x4 Cage System tile.
Until the chart is ready, the plain product grid keeps its space but stays invisible, so nothing jumps.
If the chart can't be built, the grid shows as before. */
body:has(.cat-child-wrap a[href="/2x4-Cage-System" i]):not(.ecc-failed) .cat-nav-wrap,
body:has(.cat-child-wrap a[href="/2x4-Cage-System" i]):not(.ecc-failed) .cat-bottom-inner{display:none}
body:has(.cat-child-wrap a[href="/2x4-Cage-System" i]):not(.ecc-ready):not(.ecc-failed) .cat-prod-group{visibility:hidden;height:1500px;overflow:hidden}
body.ecc-ready .cat-prod-group{display:none}
@media (max-width:900px){
  body:has(.cat-child-wrap a[href="/2x4-Cage-System" i]):not(.ecc-ready):not(.ecc-failed) .cat-prod-group{height:3000px}
}
.era-cage-chart{margin:10px 0 44px}
.era-cage-chart .ecc-title{font:800 30px/1.15 "Era Source Sans 3",Arial,sans-serif;color:#312d3e;margin:0 0 6px}
.era-cage-chart .ecc-sub{margin:0 0 16px;color:#6e6577}
.era-cage-chart .ecc-sub a{color:#a14171}
.era-cage-chart .ecc-head,.era-cage-chart .ecc-group{display:grid;grid-template-columns:100px minmax(0,1fr);gap:14px}
.era-cage-chart .ecc-cols,.era-cage-chart .ecc-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.era-cage-chart .ecc-head{position:sticky;top:0;z-index:2;background:#fff;padding:8px 0 10px;border-bottom:2px solid #ebe2ef}
.era-cage-chart .ecc-head .ecc-cols{margin-left:96px}
.era-cage-chart .ecc-cols span{text-align:center;font-weight:800;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:#7e4e92;padding:6px 0;border-radius:8px;background:#f7f2f9}
.era-cage-chart .ecc-cols small{display:block;font-weight:600;letter-spacing:0;text-transform:none;color:#857b8d;font-size:12px}
.era-cage-chart .ecc-group{padding:14px 0;border-bottom:1px solid #eee6f1;align-items:start}
.era-cage-chart .ecc-size{padding-top:4px}
.era-cage-chart .ecc-size strong{display:block;font:800 21px/1.1 "Era Source Sans 3",Arial,sans-serif;color:#312d3e}
.era-cage-chart .ecc-size span{color:#857b8d;font-size:13px}
.era-cage-chart .ecc-rows{display:grid;grid-template-columns:86px minmax(0,1fr);gap:8px 10px;align-items:center}
.era-cage-chart .ecc-tag{font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#6e6577}
.era-cage-chart .ecc-tag-cov{color:#3060a8}
.era-cage-chart .ecc-card{display:flex;align-items:center;height:100%;border:1.5px solid #e4d9ea;border-radius:11px;background:#fff;text-decoration:none;overflow:hidden;box-shadow:0 2px 6px -3px rgba(49,45,62,.18);transition:border-color .15s,box-shadow .15s,transform .15s}
.era-cage-chart .ecc-cov .ecc-card{border-color:#d6e0f0}
.era-cage-chart .ecc-card:hover,.era-cage-chart .ecc-card:focus-visible{border-color:#b9658f;box-shadow:0 10px 22px -12px rgba(49,45,62,.45);transform:translateY(-1px)}
.era-cage-chart .ecc-img{flex:0 0 46%;background:#fff;padding:5px}
.era-cage-chart .ecc-img img{display:block;width:100%;height:70px;object-fit:contain}
.era-cage-chart .ecc-meta{flex:1;display:flex;flex-direction:column;justify-content:center;gap:2px;align-self:stretch;padding:8px 10px;background:#f7f2f9;border-left:1px solid #ece3f1}
.era-cage-chart .ecc-cov .ecc-meta{background:#f1f5fb;border-left-color:#e1e9f5}
.era-cage-chart .ecc-lab{font-size:13px;color:#4b4558;font-weight:600}
.era-cage-chart .ecc-price{font-weight:800;color:#312d3e;font-size:16px}
.era-cage-chart .ecc-none{display:flex;align-items:center;justify-content:center;min-height:82px;border:1.5px dashed #e8e0ec;border-radius:11px;color:#b3a9b8;font-size:12px;text-align:center;padding:0 10px}
@media (max-width:900px){
  .era-cage-chart .ecc-title{font-size:25px}
  .era-cage-chart .ecc-head{display:none}
  .era-cage-chart .ecc-group,.era-cage-chart .ecc-rows,.era-cage-chart .ecc-cards{grid-template-columns:1fr}
  .era-cage-chart .ecc-tag{margin-top:6px}
  .era-cage-chart .ecc-none{display:none}
}

/* 7. Checkout: Place Order looks unavailable until a shipping method is chosen (set by the checkout guard in js/cagetopia-site.js) */
#btnPlaceOrder.era-po-wait{opacity:.45;filter:grayscale(1);cursor:not-allowed}
.era-sm-error{margin:4px 0 10px;color:#b3261e;font-weight:700;font-size:15px}
.era-sm-error[hidden]{display:none}

/* 8. Sign-in page: tighter so every option fits on a laptop screen; Register and Facebook as lighter outline buttons */
.LayoutMiddle:has(.CustomerLogin-wrap){padding-top:28px!important;padding-bottom:28px!important}
.CustomerLogin-wrap .CustomLogin-inner{padding:26px 30px!important}
.CustomerLogin-wrap h1{margin-bottom:12px!important}
.CustomerLogin-wrap .signin-email,.CustomerLogin-wrap .signin-password{margin-bottom:10px!important}
.CustomerLogin-wrap label{margin-bottom:4px!important;line-height:1.3}
.CustomerLogin-wrap .form-control{height:42px;padding-top:8px!important;padding-bottom:8px!important}
.CustomerLogin-wrap .signin-forgot-password{margin-bottom:10px!important}
.CustomerLogin-wrap input.ThemeButton,.CustomerLogin-wrap button.ThemeButton{min-height:0!important;height:auto!important;padding-top:10px!important;padding-bottom:10px!important}
.CustomerLogin-wrap #btnSubmitCreate{background:#fff!important;color:#3e5aa8!important;border:1.5px solid #3e5aa8!important}
.CustomerLogin-wrap .signin-or{margin-top:8px!important;margin-bottom:6px;line-height:1.2;height:auto}
.CustomerLogin-wrap #btnFacebookLogin{background:#fff!important;color:#1b4f9c!important;border:1.5px solid #c9d6ec!important;font-size:14px!important}

/* 9. Checkout, one page (Enable Multi Step Checkout is off): the layout still has each step's Continue button and step-sized spacing.
Continue does nothing useful on one page, so it is hidden; fields, labels and section padding are tighter. */
body.OnePageCheckOut .LayoutMiddle{padding-top:24px!important}
body.OnePageCheckOut .step-item{padding:18px 22px!important}
body.OnePageCheckOut .step-item .step-body{padding-top:10px!important}
body.OnePageCheckOut .step-item [class*="-next"]:has(> .next-btn){display:none!important}
body.OnePageCheckOut .step-item .next-btn,body.OnePageCheckOut .step-item .row:has(> .next-btn:only-child){display:none!important}
body.OnePageCheckOut .checkout-contact-actions:not(:has(input,select,a,label)){display:none!important}
body.OnePageCheckOut #contact-container:has(.contactNextLoggedIn) .step-body{padding-top:4px!important}
body.OnePageCheckOut .step-item .d-grid{row-gap:12px!important}
body.OnePageCheckOut .step-item .checkout-shipping-body{padding-top:0!important}
body.OnePageCheckOut .step-item label{margin-bottom:4px;font-size:14px;line-height:1.3}
body.OnePageCheckOut .step-item .form-control{height:44px;min-height:0;padding-top:8px!important;padding-bottom:8px!important}
body.OnePageCheckOut .step-item textarea.form-control{height:60px}
body.OnePageCheckOut .checkout-comments-header{margin-top:4px!important}
body.OnePageCheckOut .checkout-comments-header .h4{font-size:18px!important}

/* Signed in: the Contact box only said "Welcome ..." (the header's raspberry My Info shows who is signed in), so it is hidden.
Empty Address Notes/Nickname rows (turned off in Settings) and their gaps are removed. */
body.OnePageCheckOut #contact-container:has(.contactNextLoggedIn){display:none!important}
body.OnePageCheckOut .checkoutShipping-addressNote:not(:has(input,textarea)),body.OnePageCheckOut .checkoutShipping-nickname:not(:has(input,textarea)),body.OnePageCheckOut .checkoutShipping-custom:not(:has(input,select,textarea)),body.OnePageCheckOut .checkoutShipping-error:empty{display:none!important}
body.OnePageCheckOut .step-item .step-body.pb-3{padding-bottom:8px!important}
body.OnePageCheckOut .checkout-shippingMethod.shipping-content{margin:8px 0!important}
/* Payment: the "Select prefered payment method" dropdown is hidden; Credit Card shows on its own, with a
"Have a gift certificate?" link under it that opens the gift certificate entry (link built by section 4 of js/cagetopia-site.js). */
body.OnePageCheckOut .checkout-payment > .step-body{padding-top:0!important}
body.OnePageCheckOut #UpdatePanelPaymentArea > .h4{font-size:18px!important;margin:6px 0!important}
body.OnePageCheckOut #UpdatePanelPaymentArea .payment-desc,body.OnePageCheckOut #UpdatePanelPaymentArea .discount-title{display:none!important}
body.OnePageCheckOut:not(.era-gc-open) #UpdatePanelPaymentArea .discount-group{display:none!important}
body.OnePageCheckOut .era-gc-toggle{display:inline-block;margin:2px 0 10px;font-size:14px;color:#3e5aa8;text-decoration:underline;cursor:pointer;background:none;border:0;padding:0}

/* Checkout sections: no box borders; one divider line between sections. Payment lines up with the rest (no step-number gap,
no second "Payment Methods" heading), Place Order is full width inside the form, and the newsletter checkbox sits quietly under it. */
body.OnePageCheckOut .checkout-container.card-body{padding:6px 20px 16px!important}
body.OnePageCheckOut .checkout-container .step-item{border:0!important;padding:16px 0!important}
body.OnePageCheckOut .checkout-container .step-item + .step-item,body.OnePageCheckOut .checkout-container .checkout-payment-header{border-top:1px solid #e1e5ee!important}
body.OnePageCheckOut .checkout-payment-header{margin:0!important;padding:16px 0 4px!important;width:100%!important}
body.OnePageCheckOut .checkout-payment-header .numbadge-container{display:none!important}
body.OnePageCheckOut #UpdatePanelPaymentArea > .h4{display:none!important}
body.OnePageCheckOut #UpdatePanelPaymentArea .checkout-payments{margin-bottom:6px!important}
body.OnePageCheckOut .checkoutShippingMethod-methods .pb-3,body.OnePageCheckOut .checkout-billing-body{padding-bottom:4px!important}
body.OnePageCheckOut .checkoutShippingMethod-additional{margin-top:0!important;padding-top:6px!important}
body.OnePageCheckOut .checkout-placeOrder{width:100%!important;margin:8px 0 0!important;padding:0!important}
body.OnePageCheckOut .checkout-placeOrder #btnPlaceOrder{width:100%!important}
body.OnePageCheckOut .checkout-mailing.card{border:0!important;border-radius:0!important;box-shadow:none!important;background:#f9f9f9!important;margin-top:0!important;padding:18px 20px 22px!important}
body.OnePageCheckOut .checkout-mailing-header,body.OnePageCheckOut .checkout-mailing > br{display:none!important}

/* PayPal as a payment choice under Credit Card (radio wired by section 6 of js/cagetopia-site.js): the PayPal button and address
note show only once PayPal is chosen, and Place Order is hidden then because the PayPal button takes its place. */
body.OnePageCheckOut .era-pay-paypal{margin:6px 0 8px;padding:14px 16px!important;border:1px solid #dfe3ea;border-radius:6px;background:#fff}
body.OnePageCheckOut .era-pp-choice{display:flex;align-items:center;gap:14px;margin:0;font-size:15px;cursor:pointer}
body.OnePageCheckOut .era-pp-radio{width:22px;height:22px;margin:0;accent-color:#3e5aa8;cursor:pointer}
body.OnePageCheckOut:not(.era-pp-on) .era-pp-body{display:none}
body.OnePageCheckOut .era-pp-body{padding:10px 0 0 36px}
body.OnePageCheckOut.era-pp-on .era-pay-paypal{border-color:#3e5aa8;box-shadow:0 0 0 1px #3e5aa8}
body.OnePageCheckOut.era-pp-on .checkout-placeOrder{display:none!important}
/* Back from PayPal (section 6 of js/cagetopia-site.js): green box with the last-step message; Place Order stays visible */
body.era-pp-approved .era-pp-body{display:block!important}
body.era-pp-approved .era-pp-body > :not(.era-pp-approved-msg){display:none!important}
body.era-pp-approved .era-pay-paypal{border-color:#2e7d4f!important;box-shadow:0 0 0 1px #2e7d4f!important;background:#f3faf5!important}
body.era-pp-approved .checkout-placeOrder{display:block!important}
body.era-pp-approved .era-gc-toggle{display:none!important}
.era-pp-approved-msg{font-size:15px;line-height:1.45;color:#1f3b2b}
.era-pp-approved-msg strong{color:#2e7d4f}
.era-pp-approved-msg small{display:block;margin-top:4px;color:#5b6472;font-size:13px}

/* Payment choices line up: the Credit Card and PayPal circles, the gift certificate link and the newsletter checkbox all sit in
the same column as the shipping-method circles, and "PayPal" lines up with "Credit Card" */
body.OnePageCheckOut .payment-method .payment-name{padding-left:20px!important}
body.OnePageCheckOut .era-pay-paypal{padding-left:20px!important}
body.OnePageCheckOut .era-pp-radio{width:21px;height:21px}
body.OnePageCheckOut .era-pp-choice{gap:19px!important}
body.OnePageCheckOut .era-gc-toggle{margin-left:21px!important}
body.OnePageCheckOut .checkout-mailing-body{padding-left:21px}

/* Newsletter checkbox (wording swapped in by section 7 of js/cagetopia-site.js): sits in the gray form area under Place Order;
bold line plus a short reason, with the text starting in the same column as "Credit Card" */
body.OnePageCheckOut .checkoutMailing-item{display:flex;align-items:flex-start}
body.OnePageCheckOut .checkoutMailing-item input[type=checkbox]{flex:none;margin-top:1px}
.era-nl-label{cursor:pointer;margin:0;line-height:1.35}
.era-nl-label strong{display:block;font-size:15px;font-weight:600;color:#24354f}
.era-nl-label small{display:block;font-size:13px;color:#5b6472;margin-top:2px}

/* Cart summary shipping row (labelled by section 5 of js/cagetopia-site.js): no package weight; before an option is picked it
reads "Shipping ... Choose an option above" instead of a blank name and $0.00 */
.ShoppingCartSubtotal-shippingCost .ShoppingCartShippingInfo{display:none}
.ShoppingCartSubtotal-shippingCost.era-ship-pending .LineItemPrice > span{display:none}
.ShoppingCartSubtotal-shippingCost.era-ship-pending .LineItemPrice::after{content:"Choose an option above";font-size:13px;color:#5b6472}

/* Cart page PayPal / Venmo folded behind a link (link added by section 8 of js/cagetopia-site.js). The box is folded with max-height,
not display:none, so PayPal still draws its buttons. */
.ShoppingCartSubtotal-payWith .era-paywith-or{display:none}
.era-pp-cart-togglewrap{text-align:center}
.era-pp-cart-toggle{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:4px 0;margin:4px 0 0;font-size:14px;color:#3e5aa8;cursor:pointer}
.era-pp-cart-toggle::after{content:"\203A";font-size:18px;line-height:1;transition:transform .2s}
.era-pp-cart-open .era-pp-cart-toggle::after{transform:rotate(90deg)}
.ShoppingCartSubtotal-payWith{transition:max-height .3s ease,opacity .2s;max-height:240px}
.ShoppingCart-subtotal-body:not(.era-pp-cart-open) .ShoppingCartSubtotal-payWith{max-height:0;overflow:hidden;opacity:0;margin:0!important}

/* 11. Main action buttons (Add to Cart, Proceed to Checkout, Place Order): crimson #C626AB (was red-orange #D9482B, before that light orange); white text
passes contrast (about 4.6:1). Other buttons keep their own colors. */
html body.ProductDetails #btnAddToCart,html body .ThemeButton.CheckoutThemeButton.btn,html body #btnPlaceOrder.btn{background:#C626AB!important;background-color:#C626AB!important;border-color:#C626AB!important;color:#fff!important}
html body.ProductDetails #btnAddToCart:hover,html body .ThemeButton.CheckoutThemeButton.btn:hover,html body #btnPlaceOrder.btn:hover{background:#A31E8C!important;background-color:#A31E8C!important;border-color:#A31E8C!important}

/* Checkout: a "Checkout" heading above the form; no calculated package weight next to Shipping in the order summary; and when signed in
(Contact hidden) no divider floating above Shipping. Signed-out shoppers keep the divider between Contact and Shipping. */
body.OnePageCheckOut .checkout-wrap::before{content:"Checkout";display:block;font-size:30px;font-weight:600;line-height:1.2;color:#24354f;margin:0 0 18px}
body.OnePageCheckOut #lblShippingInfo{display:none!important}
body.OnePageCheckOut #contact-container:has(.contactNextLoggedIn) + .step-item{border-top:0!important;padding-top:4px!important}

/* Sign-in page coming from the instructions (?r=/quick-start shows the "Here for your assembly instructions?" note): on desktop the note
and the login box sit side by side in the middle, same width, tops lined up, instead of pushed to opposite edges. */
@media (min-width:768px){
  .CustomerLogin-body:has(#era-assembly-login-note:not([hidden])){justify-content:center;align-items:flex-start!important;column-gap:28px;max-width:960px;margin:0 auto!important}
  .CustomerLogin-body:has(#era-assembly-login-note:not([hidden])) > .content-area{flex:0 1 430px;width:auto;max-width:430px;margin-top:0!important;margin-bottom:0!important;padding:0}
  .CustomerLogin-body:has(#era-assembly-login-note:not([hidden])) > .CustomerLogin-wrap{flex:0 1 430px;width:auto;max-width:430px;margin-left:0!important;padding:0}
  .CustomerLogin-body:has(#era-assembly-login-note:not([hidden])) .era-assembly-login-note{margin:0}
}

/* 10. Account pages: Logout sits at the top of the left menu (under the account name) as a small outline button */
.profMenu-nav > .profMenu-header{order:-2}
.profMenu-nav > .profMenu-logout{order:-1;margin:2px 0 12px!important}
.profMenu-nav > .profMenu-logout .LogoutThemeButton{padding:5px 14px!important;font-size:14px!important;min-height:0!important;background:#fff!important;color:#3e5aa8!important;border:1.5px solid #3e5aa8!important}

/* 12. Squared buttons: 9px corners instead of pills, to match the logo grid look (Add to Cart, account buttons, menu). */
html body .era-next .category-more a,
html body .Control_37901 .era-sale-actions a,
html body .era-consult-home .ech-only{border-radius:9px!important}

/* 13. All My Account pages: calmer sizes (theme default was 22.5px text, 30-60px titles, 62px buttons). */
body:is(.AccountMenuColumn,.WishList) .LayoutMiddle{font-size:18px;line-height:1.5}
body:is(.AccountMenuColumn,.WishList) .LayoutMiddle h1{font-size:30px!important;margin-bottom:12px}
body:is(.AccountMenuColumn,.WishList) .LayoutMiddle h2{font-size:26px!important}
body:is(.AccountMenuColumn,.WishList) .LayoutMiddle :is(h3,.card-header):not(.profMenu-header *){font-size:24px!important}
body:is(.AccountMenuColumn,.WishList) .LayoutMiddle :is(input:not([type=submit]):not([type=button]):not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px!important;min-height:0;height:auto;padding:7px 10px}
body:is(.AccountMenuColumn,.WishList) .LayoutMiddle :is(.btn,input[type=submit],input[type=button],button.ThemeButton){font-size:14px!important;min-height:33px!important;height:auto!important;padding:5px 14px!important;line-height:1.4!important;border-radius:9px!important}
body:is(.AccountMenuColumn,.WishList) .LayoutMiddle table{font-size:16px}
body:is(.AccountMenuColumn,.WishList) .LayoutMiddle th{font-size:14px;font-weight:600;color:#555}
body:is(.AccountMenuColumn,.WishList) .LayoutMiddle label{font-size:15px}
body.AccountMenuColumn .accountMenuColumn .profMenu-nav a{font-size:17px}
body.AccountMenuColumn .accountMenuColumn .profMenu-header .h3{font-size:22px}
body.AccountMenuColumn .accountMenuColumn .profMenu-nav a[aria-current=page]{font-weight:600}
/* Not used at Cagetopia: invoice pages and Downloads link in the account menu (downloads still show on the dashboard for anyone who has them), fax / notes / nickname on address forms, empty Address Book panel, long order-status filter. */
.profMenu-nav li:has(> a[href*="statement.aspx"]), .profMenu-nav li:has(> a[href*="orderpaymenthistory.aspx"]), .profMenu-nav li:has(> a[href*="#Downloads"]), .profMenu-statement, .profMenu-payments{display:none!important}
[class*="AddressEdit-fax"], [class*="AddressEdit-note"], [class*="AddressEdit-nickname"]{display:none!important}
.BillingAddress-addresses:not(:has(.BillingAddress-addresses-body *)), .ShippingAddress-addresses:not(:has(.ShippingAddress-addresses-body *)){display:none!important}
select.OrderStatusFilter{display:none!important}
/* Saved Payment Methods: narrower Actions column, more room for card number and name. */
@media (min-width:992px){
  .MyAccountPage :is(.PaymentMethodSavedHead,.PaymentMethodSavedItem,.PaymentMethodNewHead,.PaymentMethodNewItem){display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(0,1.55fr) minmax(0,1.4fr) minmax(0,1.35fr) 190px;column-gap:16px;align-items:center;margin-left:0;margin-right:0}
  .MyAccountPage :is(.PaymentMethodSavedHead,.PaymentMethodSavedItem,.PaymentMethodNewHead,.PaymentMethodNewItem) > *{width:auto!important;max-width:none!important;padding-left:0;padding-right:0}
  .MyAccountPage [class*="-expire"]:not([class*="Head-"]){display:flex;gap:8px}
  .MyAccountPage [class*="-expire"] select{width:auto!important;min-width:72px;padding-right:30px!important}
  .MyAccountPage [class*="-expire"] select:last-child{min-width:96px}
  .MyAccountPage [class*="Item-actions"]{display:flex;flex-wrap:nowrap;gap:8px;justify-content:flex-start}
  .MyAccountPage [class*="Item-actions"] > *{flex:0 0 auto!important;width:auto!important;padding:0!important;margin:0!important}
}
/* Account buttons size to their text (some were full-width, e.g. View Profile, Logout on some pages). */
body:is(.AccountMenuColumn,.WishList) .LayoutMiddle :is(.btn,input[type=submit],input[type=button],button.ThemeButton){width:auto!important;max-width:100%;display:inline-block}
/* Address books (billing + shipping): an even grid of address cards, buttons lined up at the bottom. */
:is(.shippingAddresses-table,.billingAddresses-table){display:grid!important;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;overflow:visible}
[class*="Addresses-table-item"]{display:flex!important;flex-direction:column;float:none!important;width:auto!important;margin:0!important;padding:12px 14px;border:1px solid #e3e0dd;border-radius:9px;font-size:16px;line-height:1.45}
[class*="Addresses-table-item"] [class*="Item-btns"]{margin-top:auto!important;padding-top:10px}
[class*="Addresses-table-item"] [class*="Item-btns"] .mt-1{display:flex;gap:8px}
/* Saved Payment Methods, round 2: fixed-width Expiration so both dropdowns fit; fields line up across the row (the card-number box is the processor's secure field, its height is theirs). */
@media (min-width:992px){
  .MyAccountPage :is(.PaymentMethodSavedHead,.PaymentMethodSavedItem,.PaymentMethodNewHead,.PaymentMethodNewItem){grid-template-columns:minmax(0,1fr) minmax(0,1.45fr) 200px minmax(0,1.3fr) 190px!important;column-gap:18px!important}
  .MyAccountPage :is(.PaymentMethodSavedItem,.PaymentMethodNewItem) > *{margin-top:0!important;margin-bottom:0!important;align-self:center}
  .MyAccountPage .PaymentMethodNewItem > *{align-self:start!important}
  .MyAccountPage .PaymentMethodNewItem-number > div{height:44px;overflow:hidden}
  .MyAccountPage :is(.PaymentMethodSavedItem,.PaymentMethodNewItem) :is(input:not([type=submit]),select){height:42px!important;margin:0!important}
  .MyAccountPage [class*="-expire"] select{min-width:0!important;flex:1 1 0}
  .MyAccountPage [class*="-expire"] select:last-child{flex:1.3 1 0}
}
/* Address book grid, round 2: Cart.com wraps the cards in an extra <span> (plus stray <br>s), so the grid goes on that span. */
:is(.shippingAddresses-table,.billingAddresses-table){display:block!important}
:is(.shippingAddresses-table,.billingAddresses-table) > span{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}
:is(.shippingAddresses-table,.billingAddresses-table) > span > br{display:none}
:is(.shippingAddresses-table,.billingAddresses-table) > span > span.AddressBookAddresses{display:flex!important}
:is(.shippingAddresses-table,.billingAddresses-table) > span > span.AddressBookAddresses > *{flex:1 1 auto}
/* Order pages: no Filters box (cagetopia-site.js section 9 shows all dates instead); colored status chips; Edit Public Profile hidden from the menu (profile/bio isn't used anywhere). */
.OrderList-filters, .OrderHistory-filters, .OrderHistory-downloads{display:none!important}
.era-status{display:inline-block;padding:3px 10px;border-radius:9px;font-size:14px;font-weight:600;line-height:1.4;white-space:nowrap}
.profMenu-nav li:has(> a[href*="ProfileEdit.aspx"]), .profMenu-profileEdit, .profMenu-nav li:has(> a[href*="orderhistory.aspx"]), .profMenu-orderHistory{display:none!important}
.era-order-back a{font-size:16px;text-decoration:none}
/* Order page / thank-you page: same calmer sizes as the account pages (theme default was 22.5px). */
body.ViewOrder .LayoutMiddle{font-size:17px;line-height:1.5}
body.ViewOrder .LayoutMiddle .card-body{font-size:17px}
body.ViewOrder .LayoutMiddle h1{font-size:28px!important}
/* My Orders list: ship-to shows just "City, ST" (full address is on the order page). */
td.OrderListItem-shippingAddress span{display:none}
td.OrderListItem-shippingAddress span[id$="_lblCity"], td.OrderListItem-shippingAddress span[id$="_lblState"]{display:inline}
/* Account pages (My Account, My Orders, Saved Carts, Reviews) wrap the footer in a 1300px container; let it run full width like every other page. */
footer.LayoutBottom > .container{max-width:none!important;width:100%!important;padding-left:0!important;padding-right:0!important}
footer.LayoutBottom > .container > .row{margin-left:0!important;margin-right:0!important}
footer.LayoutBottom > .container > .row > [class*="col-"]{padding-left:0!important;padding-right:0!important}

/* ---- 14. Favorites (Cart.com calls it Wishlist / Saved For Later) ----
Pink #B94775 heart, same pink as My Info and Sign Up. Category cards: Cart.com's black heart PNGs are hidden (input made transparent
over the badge) and the heart is drawn as a background; it fills in when the item is a favorite (Cart.com swaps the PNG to heart-solid). */
.cat-card-heart{top:10px!important;right:10px!important;width:36px;height:36px;border-radius:9px;background:rgba(255,255,255,.92) url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 20.3l-1.2-1.1C6 14.9 3 12.2 3 8.9 3 6.2 5.1 4.2 7.7 4.2c1.6 0 3.1.7 4.3 2 1.2-1.3 2.7-2 4.3-2C18.9 4.2 21 6.2 21 8.9c0 3.3-3 6-7.8 10.3L12 20.3z' fill='none' stroke='%23B94775' stroke-width='2' stroke-linejoin='round'/></svg>") center/22px no-repeat;box-shadow:0 1px 4px rgba(36,53,79,.18);transition:transform .15s}
.cat-card-heart:hover{transform:scale(1.08)}
.cat-card-heart:has(input[src*="heart-solid"]){background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 20.3l-1.2-1.1C6 14.9 3 12.2 3 8.9 3 6.2 5.1 4.2 7.7 4.2c1.6 0 3.1.7 4.3 2 1.2-1.3 2.7-2 4.3-2C18.9 4.2 21 6.2 21 8.9c0 3.3-3 6-7.8 10.3L12 20.3z' fill='%23B94775' stroke='%23B94775' stroke-width='2' stroke-linejoin='round'/></svg>")}
.cat-card-heart input{position:absolute;inset:0;width:100%!important;height:100%!important;opacity:0;cursor:pointer}
/* Product page: short "Favorite" button on the same line as Add to Cart (Theme setting: Product Details > Show Wishlist Button). Label set in the Product Details layout. */
html body .ProductDetailsActions{display:flex!important;flex-wrap:nowrap!important;align-items:stretch;gap:10px}
html body .ProductDetailsActions .ProductDetailsActions-addToCart{flex:1 1 auto!important;width:auto!important;margin:0!important}
html body .ProductDetailsActions .ProductDetailsActions-addToWishlist{flex:0 0 auto!important;width:auto!important;padding:0!important;display:flex!important}
html body .ProductDetailsActions-addToWishlist .wishlist-icon{display:none!important}
html body .ProductDetailsActions .ProductDetailsActions-addToWishlist input#ibtnAddToWishlist{display:block!important;width:auto!important;height:100%!important;min-height:44px!important;margin:0!important;padding:8px 14px 8px 38px!important;border:2px solid #B94775!important;border-radius:9px!important;background:#fff url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 20.3l-1.2-1.1C6 14.9 3 12.2 3 8.9 3 6.2 5.1 4.2 7.7 4.2c1.6 0 3.1.7 4.3 2 1.2-1.3 2.7-2 4.3-2C18.9 4.2 21 6.2 21 8.9c0 3.3-3 6-7.8 10.3L12 20.3z' fill='none' stroke='%23B94775' stroke-width='2' stroke-linejoin='round'/></svg>") no-repeat 12px center/20px!important;color:#B94775!important;font-size:16px!important;font-weight:600!important;line-height:1.2!important;text-transform:none!important;box-shadow:none!important;cursor:pointer}
html body .ProductDetailsActions .ProductDetailsActions-addToWishlist input#ibtnAddToWishlist:hover{background-color:#FBEFF4!important}
/* Favorites page (/store/WishList.aspx): one simple list. Hides Cart.com multi-list tools (My Lists, Find A List, save selected to a NEW/EXISTING list),
the select checkboxes, the header row and the Rating column; one row per item: photo, name + options, price, quantity, buttons. */
body.WishList .WishList-navWrap,body.WishList .WishList-actions,body.WishList .WishListSaveForLater-table-head,body.WishList .WishListSaveForLaterItem-selectAll,body.WishList .WishListRating{display:none!important}
body.WishList .WishListSaveForLaterItem{padding:16px 0!important;margin:0!important}
body.WishList .WishListSaveForLaterItem-productDetails{flex:1 1 auto!important;width:auto!important;max-width:none!important}
body.WishList .WishListSaveForLaterItem-desc{flex:1 1 auto!important;width:100%!important;max-width:100%!important}
body.WishList .WishListSaveForLaterItem .ProductPhoto{flex:0 0 150px!important;max-width:150px!important}
body.WishList .WishListSaveForLaterItem .ProductPhoto img{width:120px!important;height:auto;border-radius:9px}
body.WishList .WishListSaveForLaterItem .ProductInfo{flex:1 1 auto!important;max-width:none!important;width:auto!important}
body.WishList .ProductInfo-details-row{gap:16px}
body.WishList .ProductInfo-details-row > .col:first-child{flex:1 1 260px!important;min-width:220px}
body.WishList .ProductInfo .ItemName a{font-size:18px}
body.WishList .ProductInfo .Variant{background:none!important;padding:0!important;margin-top:4px;border-radius:0!important;color:#5b6472;font-size:15px;line-height:1.45}
body.WishList .WishListSaveForLaterItem-price{flex:0 0 100px!important}
body.WishList .WishListSaveForLaterItem-qty{flex:0 0 150px!important}
body.WishList .WishListSaveForLaterItem > .col-md-3{flex:0 0 180px!important;max-width:180px!important}
body.WishList .WishListSaveForLaterItem .btn{text-transform:none!important;width:100%}
/* Subtler category hearts: faded until hovered or favorited. */
.cat-card-heart{background-color:rgba(255,255,255,.55)!important;box-shadow:none!important;opacity:.6;transition:opacity .15s,transform .15s}
.cat-card-heart:hover,.cat-card-heart:has(input[src*="heart-solid"]){opacity:1}
/* Favorites page quantity: no box around the spinner; squared -/+ buttons. Phones: Remove / Move to Cart side by side at natural width (they were squeezed into a 180px column). */
body.WishList .WishListSaveForLaterItem .qty-spinner{border:0!important;box-shadow:none!important;background:none!important;gap:6px;width:auto!important}
body.WishList .WishListSaveForLaterItem .qty-spinner > div{flex:0 0 32px!important;width:32px!important}
body.WishList .WishListSaveForLaterItem .qty-spinner .spinnerBtn{width:32px!important;min-width:32px!important;height:32px;padding:0!important;display:inline-flex;align-items:center;justify-content:center;border:1px solid #c9ced6!important;border-radius:9px!important;background:#fff!important;color:#24354f!important}
body.WishList .WishListSaveForLaterItem .qty-spinner input{width:40px!important;flex:0 0 40px!important;text-align:center;background:none!important}
@media (max-width:767.98px){
  body.WishList .WishListSaveForLaterItem > .col-md-3{flex:1 1 100%!important;max-width:100%!important;padding:0 15px!important}
  body.WishList .WishListSaveForLaterItem-total{padding:8px 0 0!important}
  body.WishList .WishListSaveForLaterItem .Actions{justify-content:flex-start!important;gap:10px;margin:0!important}
  body.WishList .WishListSaveForLaterItem .Actions > div{flex:0 0 auto!important;width:auto!important;max-width:none!important;padding:0!important}
  body.WishList .WishListSaveForLaterItem .Actions .btn{width:auto!important;padding:6px 16px!important}
}
/* Cart consult card: "Save this Cart & Request a Review" as an outline button so Proceed to Checkout is the only filled button on the cart. */
.era-cart-consult a.era-cart-consult-cta{background:#fff!important;color:#AA5899!important;border:2px solid #AA5899!important;box-shadow:none!important}
.era-cart-consult a.era-cart-consult-cta:hover{background:#F8EEF5!important}
/* Product page Related Items: compact centered cards (photo, name, blurb, price) linking to the product. Cart.com printed every option dropdown and a bare ADD TO CART in each card
and spread two cards to the far edges. Options are chosen on the product page. */
body.ProductDetails .prodDisp-body-items{justify-content:center!important;gap:20px;flex-wrap:wrap}
body.ProductDetails .prodDisp-body-items > .ControlItem{flex:0 0 210px!important;width:210px!important;max-width:210px!important}
body.ProductDetails .prodDisp-cell-inner > :not(.prodDisp-cell-link){display:none!important}
body.ProductDetails .prodDisp-cell-inner{height:auto!important;padding:0!important;border:0!important}
body.ProductDetails .prodDisp-body-cell{height:auto!important}
body.ProductDetails .prodDisp-cell-image img{width:100%!important;height:auto!important;border-radius:9px}
body.ProductDetails .prodDisp-cell-name{font-size:16px;font-weight:600}
body.ProductDetails .prodDisp-cell-blurb{font-size:13px;color:#5b6472}
body.ProductDetails .prodDisp-body-items .ProductDetailsPriceArea,body.ProductDetails .prodDisp-body-items .prodDisp-price-main span{font-size:18px!important}

/* Product names: card titles readable next to the price (2026-11-01; was 16px, smaller than the 20px price) */
.cat-prod-items .cat-card-name,.cat-prod-items .cat-card-name a{font-size:18px!important;line-height:1.3!important}

/* Assembly instruction pages (Quick Start + each assembly page): fixed px sizes so they read the same in every browser. They were rem-based, so they ran large (2026-11-02) */
body:is(.CMS-1531,.CMS-1542,.CMS-1543,.CMS-1544,.CMS-1545,.CMS-1546,.CMS-1547,.CMS-1548,.CMS-1549,.CMS-1550,.CMS-1551,.CMS-1552,.CMS-1553,.CMS-1554,.CMS-1555,.CMS-1556,.CMS-1557,.CMS-1558,.CMS-1559,.CMS-1560,.CMS-1561,.CMS-1563,.CMS-1569,.CMS-1570,.CMS-1571) .LayoutContent{font-size:18px;line-height:1.6}
body:is(.CMS-1531,.CMS-1542,.CMS-1543,.CMS-1544,.CMS-1545,.CMS-1546,.CMS-1547,.CMS-1548,.CMS-1549,.CMS-1550,.CMS-1551,.CMS-1552,.CMS-1553,.CMS-1554,.CMS-1555,.CMS-1556,.CMS-1557,.CMS-1558,.CMS-1559,.CMS-1560,.CMS-1561,.CMS-1563,.CMS-1569,.CMS-1570,.CMS-1571) .LayoutContent h1{font-size:34px;line-height:1.2}
body:is(.CMS-1531,.CMS-1542,.CMS-1543,.CMS-1544,.CMS-1545,.CMS-1546,.CMS-1547,.CMS-1548,.CMS-1549,.CMS-1550,.CMS-1551,.CMS-1552,.CMS-1553,.CMS-1554,.CMS-1555,.CMS-1556,.CMS-1557,.CMS-1558,.CMS-1559,.CMS-1560,.CMS-1561,.CMS-1563,.CMS-1569,.CMS-1570,.CMS-1571) .LayoutContent h2{font-size:28px;line-height:1.25}
body:is(.CMS-1531,.CMS-1542,.CMS-1543,.CMS-1544,.CMS-1545,.CMS-1546,.CMS-1547,.CMS-1548,.CMS-1549,.CMS-1550,.CMS-1551,.CMS-1552,.CMS-1553,.CMS-1554,.CMS-1555,.CMS-1556,.CMS-1557,.CMS-1558,.CMS-1559,.CMS-1560,.CMS-1561,.CMS-1563,.CMS-1569,.CMS-1570,.CMS-1571) .LayoutContent h3{font-size:22px;line-height:1.3}
body:is(.CMS-1531,.CMS-1542,.CMS-1543,.CMS-1544,.CMS-1545,.CMS-1546,.CMS-1547,.CMS-1548,.CMS-1549,.CMS-1550,.CMS-1551,.CMS-1552,.CMS-1553,.CMS-1554,.CMS-1555,.CMS-1556,.CMS-1557,.CMS-1558,.CMS-1559,.CMS-1560,.CMS-1561,.CMS-1563,.CMS-1569,.CMS-1570,.CMS-1571) .LayoutContent h4{font-size:20px;line-height:1.35}
@media (max-width:767px){
  body:is(.CMS-1531,.CMS-1542,.CMS-1543,.CMS-1544,.CMS-1545,.CMS-1546,.CMS-1547,.CMS-1548,.CMS-1549,.CMS-1550,.CMS-1551,.CMS-1552,.CMS-1553,.CMS-1554,.CMS-1555,.CMS-1556,.CMS-1557,.CMS-1558,.CMS-1559,.CMS-1560,.CMS-1561,.CMS-1563,.CMS-1569,.CMS-1570,.CMS-1571) .LayoutContent h1{font-size:28px}
  body:is(.CMS-1531,.CMS-1542,.CMS-1543,.CMS-1544,.CMS-1545,.CMS-1546,.CMS-1547,.CMS-1548,.CMS-1549,.CMS-1550,.CMS-1551,.CMS-1552,.CMS-1553,.CMS-1554,.CMS-1555,.CMS-1556,.CMS-1557,.CMS-1558,.CMS-1559,.CMS-1560,.CMS-1561,.CMS-1563,.CMS-1569,.CMS-1570,.CMS-1571) .LayoutContent h2{font-size:24px}
  body:is(.CMS-1531,.CMS-1542,.CMS-1543,.CMS-1544,.CMS-1545,.CMS-1546,.CMS-1547,.CMS-1548,.CMS-1549,.CMS-1550,.CMS-1551,.CMS-1552,.CMS-1553,.CMS-1554,.CMS-1555,.CMS-1556,.CMS-1557,.CMS-1558,.CMS-1559,.CMS-1560,.CMS-1561,.CMS-1563,.CMS-1569,.CMS-1570,.CMS-1571) .LayoutContent h3{font-size:20px}
  body:is(.CMS-1531,.CMS-1542,.CMS-1543,.CMS-1544,.CMS-1545,.CMS-1546,.CMS-1547,.CMS-1548,.CMS-1549,.CMS-1550,.CMS-1551,.CMS-1552,.CMS-1553,.CMS-1554,.CMS-1555,.CMS-1556,.CMS-1557,.CMS-1558,.CMS-1559,.CMS-1560,.CMS-1561,.CMS-1563,.CMS-1569,.CMS-1570,.CMS-1571) .LayoutContent h4{font-size:19px}
}

/* Old-theme helpers used in content pages (check/star lists, well, center, spacing). CagetopiaEra never had ul.check, and ul.star was squeezed to 50% width (2026-11-02) */
body.CMS .LayoutContent :is(ul.check,ul.check-left,ul.star,ul.star-left){list-style:none outside none;margin:10px 0;padding-left:18px;width:auto;text-align:left}
body.CMS .LayoutContent :is(ul.check,ul.check-left,ul.star,ul.star-left)>li{list-style:none;margin:10px 0;padding-left:20px}
body.CMS .LayoutContent :is(ul.check,ul.check-left,ul.star,ul.star-left)>li::before{float:left;margin-left:-1.5em;font-family:"Font Awesome 5 Pro";font-weight:900}
body.CMS .LayoutContent :is(ul.check,ul.check-left)>li::before{content:"\f00c";color:#00af00}
body.CMS .LayoutContent :is(ul.star,ul.star-left)>li::before{content:"\f005";color:#f5cf01}
body.CMS .LayoutContent .well{min-height:20px;padding:19px;margin-bottom:20px;border:1px solid #efdfe8;border-radius:9px;background:#fbf4f7;box-shadow:none}
body.CMS .LayoutContent .center{text-align:center}
body.CMS .LayoutContent .no-pad-t{padding-top:0!important}
body.CMS .LayoutContent .no-m-t{margin-top:0!important}
body.CMS .LayoutContent .m-r-10{margin-right:10px!important}

/* Cart on phones (2026-11-02): quantity buttons slimmer and Remove on the same row, to cut scrolling.
The "Quantity" label is hidden visually but kept for screen readers. */
@media (max-width:767px){
  html body .ShoppingCart-main .ShoppingCartQtyWrapper{flex-wrap:nowrap!important;gap:10px!important;align-items:center!important;padding:0!important;margin:0!important}
  html body .ShoppingCart-main .ShoppingCartQtyLabel{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  html body .ShoppingCart-main .qty-wrapper{flex:0 0 auto!important;margin:0!important}
  html body .ShoppingCart-main .qty-spinner{width:auto!important;flex:0 0 auto!important;flex-wrap:nowrap!important;border:0!important}
  html body .ShoppingCart-main .qty-spinner .btn{width:34px!important;height:34px!important;min-width:0!important;padding:0!important;display:flex!important;align-items:center;justify-content:center;font-size:12px!important}
  html body .ShoppingCart-main .qty-spinner input{flex:0 0 38px!important;width:38px!important;max-width:38px!important;height:34px!important;min-width:0!important;padding:0!important;line-height:34px!important;font-size:15px!important;text-align:center}
  html body .ShoppingCart-main .era-cart-remove a{min-height:34px!important;padding:0 10px!important;display:inline-flex!important;align-items:center}
  html body .ShoppingCart-main .cart-price-qty{margin-bottom:4px!important}
}

/* Cart quantity label: regular weight, not bold (2026-11-02) */
html body .ShoppingCart-main .ShoppingCartQtyLabel{font-weight:400!important}

/* Empty cart (2026-11-02): Continue Shopping in the brand raspberry instead of the old bright blue; quieter help line */
html body .ShoppingCart-empty .ContinueShoppingThemeButton{background:#b94775!important;border:1px solid #b94775!important;color:#fff!important;font:600 17px/1.2 "Era Source Sans 3",Arial,sans-serif!important;text-transform:none!important;letter-spacing:0!important;padding:13px 28px!important;border-radius:9px!important;box-shadow:none!important}
html body .ShoppingCart-empty .ContinueShoppingThemeButton:hover,html body .ShoppingCart-empty .ContinueShoppingThemeButton:focus{background:#96365e!important;border-color:#96365e!important}
html body .ShoppingCart-empty > div{color:#5d6879;font-size:15px;line-height:1.5}