/** Shopify CDN: Minification failed

Line 59:10 Unexpected "{"
Line 59:19 Expected ":"

**/
/* ============================================
   MUMTREE THEME COLOR VARIABLES
   Override ALL dark background-3 colors
   ============================================ */

:root,
.color-background-1,
.color-background-2,
.color-inverse,
.color-accent-1,
.color-accent-2 {
    /* Mumtree Brand Colors - Replace ALL background-3 (dark) with cream */
    --gradient-base-background-3: #F5F0E8 !important;
    --color-base-background-3: 245, 240, 232 !important;

    /* Also fix background-2 to be consistent */
    --gradient-base-background-2: #F5F0E8 !important;
    --color-base-background-2: 245, 240, 232 !important;
}

/* ============================================
   REMOVE WHITE SPACE BETWEEN SECTIONS
   ============================================ */

/* General - remove gaps between all sections */
.shopify-section {
    margin-bottom: 0 !important;
}

.shopify-section:not(:last-child) {
    margin-bottom: 0 !important;
}

/* Target all main sections on homepage */
.template-index main .shopify-section {
    margin-bottom: 0 !important;
}

/* Remove gaps between all section blocks */
section,
.shopify-section {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Alternative approach - reduce section margins */
.index-sections + .shopify-section,
.index-sections .shopify-section {
    margin-top: 0 !important;
}

/* For sections with padding wrappers */
.section-{{ section.id }}-padding {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* ============================================
   ADD SPACING BETWEEN SPECIFIC SECTIONS
   ============================================ */

/* Space between Shop by Age/Category and Kids Furniture */
.shop-age-category,
.section-Shop-by-Age-Category,
.shop_by_age_category {
    margin-bottom: 0 !important;
}


/* Ensure consistent spacing for homepage sections */
.template-index .shopagecategory + .kidsfurniture,
.template-index .shop-by-age-category + .kids-furniture {
    margin-top: 60px !important;
}

/* ============================================
   MUMTREE FOOTER STYLES
   ============================================ */

.bg-color-sandal {
    background-color: #A89166;
    border-color: #A89166;
}

.bg-color-cyan {
    background-color: #25bdb0;
    border-color: #25bdb0;
}

/* Footer - Light cream theme with visible text */
footer.footer,
#shopify-section-footer,
#shopify-section-footer .footer,
.footer.color-background-1,
.footer.color-background-2,
.footer.color-inverse,
.footer.color-accent-1,
.footer.color-accent-2,
.footer.gradient,
.footer,
.footer-style1,
.footer-style2,
.footer-style3,
.footer-style4 {
    background-color: #F5F0E8 !important;
    background: #F5F0E8 !important;
    background-image: none !important;
    padding: 40px 0 20px !important;
    color: #5C4A30 !important;
}

/* Remove dark overlays from footer */
footer.footer::before,
footer.footer::after,
.footer::before,
.footer::after {
    display: none !important;
}

/* Footer headings - Dark green for maximum contrast */
footer.footer .footer-block__heading,
footer.footer h2,
footer.footer h3,
.footer .footer-block__heading,
.footer h2,
.footer h3 {
    color: #1E5C2B !important;
    font-weight: 800 !important;
}

/* Footer body text - Dark brown for readability */
footer.footer p,
footer.footer .rte p,
footer.footer .footer-block__details-content,
footer.footer .footer-block__details-content p,
footer.footer .contact-info,
footer.footer .contact-info li,
footer.footer address {
    color: #4A3728 !important;
}

/* Footer links - Medium brown, orange on hover */
footer.footer a:not(.button),
footer.footer .link,
footer.footer .list-menu__item,
footer.footer .list-menu__item--link,
.footer a:not(.button),
.footer .link,
.footer .list-menu__item,
.footer .list-menu__item--link {
    color: #4A3728 !important;
}

footer.footer a:hover:not(.button),
footer.footer .link:hover,
footer.footer .list-menu__item:hover,
footer.footer .list-menu__item--link:hover,
.footer a:hover:not(.button),
.footer .link:hover,
.footer .list-menu__item:hover,
.footer .list-menu__item--link:hover {
    color: #F58220 !important;
    font-weight: 600 !important;
}

/* Copyright - Dark green */
footer.footer .copyright__content,
footer.footer .footer__copyright,
footer.footer .footer__copyright caption,
.footer .copyright__content,
.footer .footer__copyright,
.footer .footer__copyright caption {
    color: #4A3728 !important;
    font-size: 14px !important;
}

/* Social icons - Dark green */
footer.footer .list-social__link,
.footer .list-social__link {
    color: #1E5C2B !important;
    background: transparent !important;
}

footer.footer .list-social__link:hover,
.footer .list-social__link:hover {
    color: #F58220 !important;
}

/* Footer input fields */
footer.footer .newsletter-form .field__input,
footer.footer .field__input,
.footer .newsletter-form .field__input,
.footer .field__input {
    background-color: #FFFFFF !important;
    border: 2px solid #D4C4B0 !important;
    color: #4A3728 !important;
}

footer.footer .newsletter-form .field__input::placeholder,
footer.footer .field__input::placeholder,
.footer .newsletter-form .field__input::placeholder,
.footer .field__input::placeholder {
    color: #8D694B !important;
}

footer.footer .newsletter-form .field__input:focus,
footer.footer .field__input:focus,
.footer .newsletter-form .field__input:focus,
.footer .field__input:focus {
    border-color: #1E5C2B !important;
    box-shadow: 0 0 0 3px rgba(30, 92, 43, 0.1) !important;
}

/* Footer borders */
footer.footer .footer__content-top .grid,
footer.footer hr,
footer.footer .footer-block,
footer.footer .footer__blocks-wrapper,
.footer .footer__content-top .grid,
.footer hr,
.footer .footer-block,
.footer .footer__blocks-wrapper {
    border-color: #E5DDD3 !important;
}

/* Footer bottom bar - slightly darker cream */
footer.footer .footer__content-bottom,
.footer .footer__content-bottom {
    background-color: #EBE3D6 !important;
    padding: 15px 0 !important;
    margin-top: 30px !important;
}

/* Reduce footer overall height */
footer.footer .footer__content-top,
.footer .footer__content-top {
    padding-top: 50px !important;
    padding-bottom: 30px !important;
}

/* Footer block spacing */
footer.footer .footer__blocks-wrapper,
footer.footer .footer-block,
.footer .footer__blocks-wrapper,
.footer .footer-block {
    padding: 0 15px !important;
}

footer.footer .footer-block__heading,
.footer .footer-block__heading {
    margin-bottom: 15px !important;
    font-size: 18px !important;
}

footer.footer .footer-block__details-content,
.footer .footer-block__details-content {
    margin-bottom: 10px !important;
}

/* Contact info icons */
footer.footer ul.contact-info li,
footer.footer ul.contact-info li a,
footer.footer ul.contact-info address,
.footer ul.contact-info li,
.footer ul.contact-info li a,
.footer ul.contact-info address {
    color: #4A3728 !important;
}

/* Gallery images styling */
footer.footer .gallery_div img,
.footer .gallery_div img {
    border-radius: 10px !important;
    border: 2px solid #E5DDD3 !important;
}

/* Founder name text styling */
footer.footer .footer-block__address h2,
.footer .footer-block__address h2 {
    font-size: 22px !important;
    color: #1E5C2B !important;
}

/* ============================================
   FOOTER-STYLE3 SPECIFIC OVERRIDES
   From section-footer-style3.css
   ============================================ */

/* Fix text visibility - override ALL color variables */
.footer-style3,
.footer-style3 .footer-block,
.footer-style3 .footer-block__details-content,
.footer-style3 .footer-block__details-content p,
.footer-style3 .footer-block__details-content li,
.footer-style3 ul.contact-info,
.footer-style3 ul.contact-info li,
.footer-style3 ul.contact-info li a,
.footer-style3 ul.contact-info address,
.footer-style3 address,
.footer-style3 p,
.footer-style3 .rte,
.footer-style3 .rte p,
.footer-style3 .footer-block__subheading {
    color: #4A3728 !important;
}

/* Footer heading color */
.footer-style3 .footer-block__heading,
.footer-style3 h2,
.footer-style3 h3,
.footer-style3 .footer__title {
    color: #1E5C2B !important;
}

/* Footer links */
.footer-style3 a:not(.button),
.footer-style3 .link,
.footer-style3 .link--text,
.footer-style3 .list-menu__item,
.footer-style3 .list-menu__item--link,
.footer-style3 .footer-block__details-content a {
    color: #4A3728 !important;
}

.footer-style3 a:not(.button):hover,
.footer-style3 .link:hover,
.footer-style3 .list-menu__item:hover,
.footer-style3 .list-menu__item--link:hover {
    color: #F58220 !important;
}

/* Social icons - Dark background on cream doesn't work, make them green */
.footer-style3 .address_socialicon li.list-social__item {
    background: #F58220 !important;
}

.footer-style3 .address_socialicon li.list-social__item:hover {
    background: #1E5C2B !important;
}

.footer-style3 .address_socialicon .list-social__link {
    color: #FFFFFF !important;
}

.footer-style3 .address_socialicon li.list-social__item:hover .list-social__link {
    color: #FFFFFF !important;
}

/* Social icons in other areas */
.footer-style3 .list-social__link {
    color: #1E5C2B !important;
}

.footer-style3 .list-social__link:hover {
    color: #F58220 !important;
}

/* Newsletter input */
.footer-style3 .newsletter-form__field-wrapper .field__input,
.footer-style3 .field__input {
    background: #FFFFFF !important;
    border: 2px solid #D4C4B0 !important;
    color: #4A3728 !important;
}

.footer-style3 .newsletter-form__field-wrapper .field__input::placeholder,
.footer-style3 .field__input::placeholder {
    color: #8D694B !important;
}

/* Copyright text */
.footer-style3 .footer__copyright small.copyright__content {
    color: #4A3728 !important;
}

.footer-style3 .footer__copyright small.copyright__content a {
    color: #1E5C2B !important;
}

/* ============================================
   REDUCE FOOTER HEIGHT - Much more compact
   ============================================ */

/* Reduce footer block padding significantly */
.footer-style3 .footer__blocks-wrapper {
    padding: 15px 20px !important;
}

.footer-style3 .footer-block.grid__item {
    padding: 0 10px !important;
}

/* Reduce footer content top padding */
.footer-style3 .footer__content-top {
    padding-top: 20px !important;
    padding-bottom: 0 !important;
}

/* Reduce heading margins */
.footer-style3 .footer-block__heading,
.footer-style3 .footer__title {
    margin-bottom: 8px !important;
    font-size: 16px !important;
}

/* Reduce list item spacing */
.footer-style3 .footer-block__details-content {
    margin-bottom: 3px !important;
}

.footer-style3 .footer-block__details-content > li {
    margin-bottom: 3px !important;
}

/* Reduce menu item line height */
.footer-style3 .footer-block__details-content .list-menu__item--link {
    line-height: 1.3 !important;
    font-size: 14px !important;
}

/* Reduce content wrapper padding */
.footer-style3 .footer__content-bottom-wrapper {
    padding: 10px 0 !important;
}

/* Reduce address/contact info */
.footer-style3 address {
    font-size: 13px !important;
    line-height: 1.3 !important;
}

.footer-style3 ul.contact-info li {
    margin-bottom: 5px !important;
    line-height: 1.3 !important;
    font-size: 13px !important;
}

/* Reduce founder image size */
.footer-style3 .footer-block-address img {
    width: 80px !important;
    height: 80px !important;
    object-fit: cover !important;
}

/* Reduce founder name font */
.footer-style3 .footer-block__address h2 {
    font-size: 16px !important;
    margin-bottom: 5px !important;
}

/* Reduce description text */
.footer-style3 .footer-block__details-content p {
    font-size: 13px !important;
    line-height: 1.4 !important;
}

/* Reduce social icon margin */
.footer-style3 .address_socialicon {
    margin-top: 8px !important;
}

.footer-style3 .list-social {
    margin-top: 8px !important;
    gap: 8px !important;
}

.footer-style3 .address_socialicon li.list-social__item {
    width: 28px !important;
    height: 28px !important;
}

.footer-style3 .address_socialicon .list-social__link svg {
    width: 12px !important;
    height: 12px !important;
}

/* Reduce gallery grid */
.footer-style3 .gallery_div {
    gap: 5px !important;
}

.footer-style3 .gallery_div img {
    width: 60px !important;
    height: 60px !important;
}

/* Reduce newsletter section */
.footer-style3 .footer-block__details-content-newsletter {
    margin-bottom: 5px !important;
}

.footer-style3 .footer-block__details-content-newsletter p {
    margin-bottom: 5px !important;
    font-size: 13px !important;
}

/* Footer wave/separator line - hide */
.footer-style3 .footer__content-top .grid:after {
    display: none !important;
}

/* Payment icons */
.footer-style3 .list-payment__item {
    opacity: 0.7 !important;
}

.footer-style3 .list-payment__item svg {
    height: 18px !important;
}

/* Reduce copyright text */
.footer-style3 .footer__copyright small.copyright__content {
    font-size: 12px !important;
}

.bg-color-pink {
    background-color: #fcc6de;
    border-color: #fcc6de;
}

.bg-color-black {
    background-color: #000;
    border-color: #000;
}

.bg-color-grey {
    background-color: #ccc;
    border-color: #ccc;
}

.bg-color-green {
    background-color: #e1eb78;
    border-color: #e1eb78;
}
.bg-color-golden{
    background-color: #FFD700;
    border-color: #FFD700;
}
.bg-color-sliver {
    background-color: #f2f2f2;
    border-color: #f2f2f2;
}

.bg-color-blue {
    background-color: #a8bcd4;
    border-color: #a8bcd4;
}

.bg-color-purple {
    background-color: #7e0b80;
    border-color: #7e0b80;
}

.bg-color-white {
    background-color: #fff;
    border-color: #dfe3e8 !important;
}

.bg-color-red {
   background-color: #f63400;
    border-color: #f63400;
}
/* .card__content ul.variant-option-color li span {box-shadow: 0px 0px 0px 1px #9b9b9b66 inset, 0px 0px 0px 3px var(--gradient-background), 0px 0px 0px 4px #9b9b9b66;} */
.bg-color-brown,
.bg-color-brow {
    background-color: #ad8111;
    border-color: #ad8111;
}

.bg-color-gold {
    background-color: #cea525;
    border-color: #cea525;
}

.bg-color-beige {
    background-color: #f0deba;
    border-color: #f0deba;
}

.bg-color-gray {
    background-color: #bfbfbf;
    border-color: #bfbfbf;
}

.bg-color-orange {
    background-color: #ff7900;
    border-color: #ff7900;
}

.bg-color-yellow {
    background-color: #dcdb79;
    border-color: #dcdb79;
}

.bg-color-navy {
    background-color: #001f3f;
    border-color: #001f3f;
}

.bg-color-aqua {
    background-color: #7fdbff;
    border-color: #7fdbff;
}

.bg-color-teal {
    background-color: #39cccc;
    border-color: #39cccc;
}

.bg-color-gun-smoke {
    background-color: #12221f;
    border-color: #12221f;
}

.bg-color-olive {
    background-color: olive;
    border-color: olive;
}

.bg-color-lime {
    background-color: #0f0;
    border-color: #0f0;
}

.bg-color-rose-gold {
    background-color: #fcdbd6;
    border-color: #fcdbd6;
}

.bg-color-clear {
    background-color: #caf6ea;
    border-color: #caf6ea;
}

.bg-color-maroon {
    background-color: maroon;
    border-color: maroon;
}

.bg-color-ivory {
    background-color: ivory;
    border-color: ivory;
}

.bg-color-lavenderblush {
    background-color: #b0e0e6;
    border-color: #b0e0e6;
}

.bg-color-powderblue {
    background-color: #f012be;
    border-color: #f012be;
}

.bg-color-darkgreen {
    background-color: #006400;
    border-color: #006400;
}

.bg-color-saddlebrown {
    background-color: #8b4513;
    border-color: #8b4513;
}

.bg-color-lightcoral {
    background-color: #f08080;
    border-color: #f08080;
}

.bg-color-palevioletred {
    background-color: #db7093;
    border-color: #db7093;
}

.bg-color-chocolate {
    background-color: #d2691e;
    border-color: #d2691e;
}

.bg-color-darkolivegreen {
    background-color: #556b2f;
    border-color: #556b2f;
}

.bg-color-darkred {
    background-color: #8b0000;
    border-color: #8b0000;
}

.bg-color-mediumaquamarine {
    background-color: #66cdaa;
    border-color: #66cdaa;
}

.bg-color-sandybrown {
    background-color: #f4a460;
    border-color: #f4a460;
}

.bg-color-darkslategray {
    background-color: #2f4f4f;
    border-color: #2f4f4f;
}

.bg-color-salmon {
    background-color: salmon;
    border-color: salmon;
}

.bg-color-slateblue {
    background-color: #6a5acd;
    border-color: #6a5acd;
}

.bg-color-lightgray {
    background-color: #d3d3d3;
    border-color: #d3d3d3;
}

.bg-color-lemonchiffon {
    background-color: #fffacd;
    border-color: #fffacd;
}

.bg-color-thistle {
    background-color: #d8bfd8;
    border-color: #d8bfd8;
}

.bg-color-wheat {
    background-color: wheat;
    border-color: wheat;
}

.bg-color-lightsalmon {
    background-color: #ffa07a;
    border-color: #ffa07a;
}

.bg-color-hotpink {
    background-color: #ff69b4;
    border-color: #ff69b4;
}

.bg-color-lawngreen {
    background-color: #7cfc00;
    border-color: #7cfc00;
}

.bg-color-snow {
    background-color: snow;
    border-color: snow;
}

.bg-color-darkslateblue {
    background-color: #483d8b;
    border-color: #483d8b;
}

.bg-color-coral {
    background-color: coral;
    border-color: coral;
}

.bg-color-limegreen {
    background-color: #32cd32;
    border-color: #32cd32;
}

.bg-color-lightgrey {
    background-color: #d3d3d3;
    border-color: #d3d3d3;
}

.bg-color-royalblue {
    background-color: #4169e1;
    border-color: #4169e1;
}

.bg-color-dimgrey {
    background-color: #696969;
    border-color: #696969;
}

.bg-color-lightseagreen {
    background-color: #20b2aa;
    border-color: #20b2aa;
}

.bg-color-skyblue {
    background-color: #87ceeb;
    border-color: #87ceeb;
}

.bg-color-orchid {
    background-color: orchid;
    border-color: orchid;
}

.bg-color-darksalmon {
    background-color: #e9967a;
    border-color: #e9967a;
}

.bg-color-darkorchid {
    background-color: #9932cc;
    border-color: #9932cc;
}

.bg-color-cornflowerblue {
    background-color: #6495ed;
    border-color: #6495ed;
}

.bg-color-cornsilk {
    background-color: #fff8dc;
    border-color: #fff8dc;
}

.bg-color-lightslategrey {
    background-color: #789;
    border-color: #789;
}

.bg-color-whitesmoke {
    background-color: #f5f5f5;
    border-color: #f5f5f5;
}

.bg-color-seagreen {
    background-color: #2e8b57;
    border-color: #2e8b57;
}

.bg-color-crimson {
    background-color: #dc143c;
    border-color: #dc143c;
}

.bg-color-azure {
    background-color: azure;
    border-color: azure;
}

.bg-color-paleturquoise {
    background-color: #afeeee;
    border-color: #afeeee;
}

.bg-color-darkkhaki {
    background-color: #bdb76b;
    border-color: #bdb76b;
}

.bg-color-mediumvioletred {
    background-color: #c71585;
    border-color: #c71585;
}

.bg-color-lightgoldenrodyellow {
    background-color: #fafad2;
    border-color: #fafad2;
}

.bg-color-violet {
    background-color: violet;
    border-color: violet;
}

.bg-color-peachpuff {
    background-color: #ffdab9;
    border-color: #ffdab9;
}

.bg-color-steelblue {
    background-color: #4682b4;
    border-color: #4682b4;
}

.bg-color-blanchedalmond {
    background-color: #ffebcd;
    border-color: #ffebcd;
}

.bg-color-moccasin {
    background-color: #ffe4b5;
    border-color: #ffe4b5;
}

.bg-color-antiquewhite {
    background-color: #faebd7;
    border-color: #faebd7;
}

.bg-color-mediumturquoise {
    background-color: #48d1cc;
    border-color: #48d1cc;
}

.bg-color-lightskyblue {
    background-color: #87cefa;
    border-color: #87cefa;
}

.bg-color-darkorange {
    background-color: #ff8c00;
    border-color: #ff8c00;
}

.bg-color-darkblue {
    background-color: #00008b;
    border-color: #00008b;
}

.bg-color-springgreen {
    background-color: #00ff7f;
    border-color: #00ff7f;
}

.bg-color-lavender {
    background-color: #e6e6fa;
    border-color: #e6e6fa;
}

.bg-color-mediumpurple {
    background-color: #9370db;
    border-color: #9370db;
}

.bg-color-deepskyblue {
    background-color: #00bfff;
    border-color: #00bfff;
}

.bg-color-mintcream {
    background-color: #f5fffa;
    border-color: #f5fffa;
}

.bg-color-deeppink {
    background-color: #ff1493;
    border-color: #ff1493;
}

.bg-color-darkseagreen {
    background-color: #8fbc8f;
    border-color: #8fbc8f;
}

.bg-color-papayawhip {
    background-color: #ffefd5;
    border-color: #ffefd5;
}

.bg-color-orangered {
    background-color: #ff4500;
    border-color: #ff4500;
}

.bg-color-tomato {
    background-color: tomato;
    border-color: tomato;
}

.bg-color-navajowhite {
    background-color: #ffdead;
    border-color: #ffdead;
}

.bg-color-mediumorchid {
    background-color: #ba55d3;
    border-color: #ba55d3;
}

.bg-color-ghostwhite {
    background-color: #f8f8ff;
    border-color: #f8f8ff;
}

.bg-color-slategrey {
    background-color: #708090;
    border-color: #708090;
}

.bg-color-forestgreen {
    background-color: #228b22;
    border-color: #228b22;
}

.bg-color-dodgerblue {
    background-color: #1e90ff;
    border-color: #1e90ff;
}

.bg-color-linen {
    background-color: linen;
    border-color: linen;
}

.bg-color-blueviolet {
    background-color: #8a2be2;
    border-color: #8a2be2;
}

.bg-color-gainsboro {
    background-color: #dcdcdc;
    border-color: #dcdcdc;
}

.bg-color-lightgreen {
    background-color: #90ee90;
    border-color: #90ee90;
}

.bg-color-chartreuse {
    background-color: #7fff00;
    border-color: #7fff00;
}

.bg-color-mistyrose {
    background-color: #ffe4e1;
    border-color: #ffe4e1;
}

.bg-color-darkgray {
    background-color: #a9a9a9;
    border-color: #a9a9a9;
}

.bg-color-peru {
    background-color: peru;
    border-color: peru;
}

.bg-color-tan {
    background-color: tan;
    border-color: tan;
}

.bg-color-palegreen {
    background-color: #98fb98;
    border-color: #98fb98;
}

.bg-color-rebeccapurple {
    background-color: #639;
    border-color: #639;
}

.bg-color-darkcyan {
    background-color: #008b8b;
    border-color: #008b8b;
}

.bg-color-oldlace {
    background-color: #fdf5e6;
    border-color: #fdf5e6;
}

.bg-color-rosybrown {
    background-color: #bc8f8f;
    border-color: #bc8f8f;
}

.bg-color-darkslategrey {
    background-color: #2f4f4f;
    border-color: #2f4f4f;
}

.bg-color-lightslategray {
    background-color: #789;
    border-color: #789;
}

.bg-color-turquoise {
    background-color: #40e0d0;
    border-color: #40e0d0;
}

.bg-color-darkgoldenrod {
    background-color: #b8860b;
    border-color: #b8860b;
}

.bg-color-honeydew {
    background-color: #f0fff0;
    border-color: #f0fff0;
}

.bg-color-mediumslateblue {
    background-color: #7b68ee;
    border-color: #7b68ee;
}

.bg-color-mediumspringgreen {
    background-color: #00fa9a;
    border-color: #00fa9a;
}

.bg-color-plum {
    background-color: plum;
    border-color: plum;
}

.bg-color-darkgrey {
    background-color: #a9a9a9;
    border-color: #a9a9a9;
}

.bg-color-slategray {
    background-color: #708090;
    border-color: #708090;
}

.bg-color-darkmagenta {
    background-color: #8b008b;
    border-color: #8b008b;
}

.bg-color-lightblue {
    background-color: #add8e6;
    border-color: #add8e6;
}

.bg-color-floralwhite {
    background-color: #fffaf0;
    border-color: #fffaf0;
}

.bg-color-dimgray {
    background-color: #696969;
    border-color: #696969;
}

.bg-color-greenyellow {
    background-color: #adff2f;
    border-color: #adff2f;
}

.bg-color-fuchsia {
    background-color: #f0f;
    border-color: #f0f;
}

.bg-color-cadetblue {
    background-color: #5f9ea0;
    border-color: #5f9ea0;
}

.bg-color-yellowgreen {
    background-color: #9acd32;
    border-color: #9acd32;
}

.bg-color-darkviolet {
    background-color: #9400d3;
    border-color: #9400d3;
}

.bg-color-sienna {
    background-color: sienna;
    border-color: sienna;
}

.bg-color-lightpink {
    background-color: #ffb6c1;
    border-color: #ffb6c1;
}

.bg-color-mediumblue {
    background-color: #0000cd;
    border-color: #0000cd;
}

.bg-color-bisque {
    background-color: bisque;
    border-color: bisque;
}

.bg-color-aquamarine {
    background-color: #7fffd4;
    border-color: #7fffd4;
}

.bg-color-palegoldenrod {
    background-color: #eee8aa;
    border-color: #eee8aa;
}

.bg-color-aliceblue {
    background-color: #f0f8ff;
    border-color: #f0f8ff;
}

.bg-color-olivedrab {
    background-color: #6b8e23;
    border-color: #6b8e23;
}

.bg-color-indigo {
    background-color: indigo;
    border-color: indigo;
}

.bg-color-lightcyan {
    background-color: #e0ffff;
    border-color: #e0ffff;
}

.bg-color-midnightblue {
    background-color: #191970;
    border-color: #191970;
}

.bg-color-khaki {
    background-color: khaki;
    border-color: khaki;
}

.bg-color-burlywood {
    background-color: #deb887;
    border-color: #deb887;
}

.bg-color-lightyellow {
    background-color: #ffffe0;
    border-color: #ffffe0;
}

.bg-color-lightsteelblue {
    background-color: #b0c4de;
    border-color: #b0c4de;
}

.bg-color-goldenrod {
    background-color: #daa520;
    border-color: #daa520;
}

.bg-color-darkturquoise {
    background-color: #00ced1;
    border-color: #00ced1;
}

.bg-color-magenta {
    background-color: #f0f;
    border-color: #f0f;
}

.bg-color-seashell {
    background-color: #fff5ee;
    border-color: #fff5ee;
}

.bg-color-indianred {
    background-color: #cd5c5c;
    border-color: #cd5c5c;
}

.bg-color-mediumseagreen {
    background-color: #3cb371;
    border-color: #3cb371;
}

.bg-color-firebrick {
    background-color: #b22222;
    border-color: #b22222;
}

.bg-color-metallic-sunburst{
    border-color: #9e7a48;
    background-color: #9e7a48;
}
.bg-color-deep-taupe{
   border-color: #816059;
    background-color: #816059;
}
.bg-color-rose-taupe{
    border-color: #945754;
    background-color: #945754;
}   
.bg-color-nickel{
 border-color: #70756e;
 background-color: #70756e; 
}
.bg-color-police-blue{
     border-color: #3f506e;
    background-color: #3f506e;
}
.bg-color-stormcloud{
    border-color: #4f636c;
    background-color: #4f636c;
}
.bg-color-feldgrau{
     border-color: #45604d;
    background-color: #45604d;
}
.bg-color-independence{
    border-color: #4a5163;
    background-color: #4a5163;
}
.bg-color-melon{
    border-color: #fbaca8;
    background-color: #fbaca8;
}

.bg-color-dark-vanilla{
    border-color: #d7bdb0;
    background-color: #d7bdb0;

}
.bg-color-pastel-gray{
    border-color: #d2d6bd;
    background-color: #d2d6bd;
}
.bg-color-color_pale-cerulean{
    border-color: #9dcbd8;
    background-color: #9dcbd8;

}
.bg-color-columbia-blue{
    border-color: #cddbe6;
    background-color: #cddbe6;

}
.bg-color-chinese-silver{
      border-color: #c6d0cf;
    background-color: #c6d0cf;

}
.bg-color-bright-gray{

    border-color: #eaeaea;
    background-color: #eaeaea;
}
.bg-color-feldgrau{
    border-color: #4f7053;
    background-color: #4f7053;
}

.bg-color-pale-silver{
    border-color: #d9bcc0;
    background-color: #d9bcc0;
}

.bg-color-water{
      border-color: #d0eff4;
      background-color: #d0eff4;
}
.bg-color-ash-gray{
    border-color: #adbeb6;
    background-color: #adbeb6;
}
.bg-color-jelly-bean{
    border-color: #d76a49;
    background-color: #d76a49;
}
.bg-color-deer{
    border-color: #c07e68;
    background-color: #c07e68;
}
.bg-color-opera-mauve{
     border-color: #b47eb2;
     background-color: #b47eb2;
}
.bg-color-cool-grey{
    background-color: #8883ab;
    border-color:#8883ab;
}
.bg-color-old-rose{
    border-color: #b2817d;
    background-color: #b2817d;
}
.bg-color-deep-amethyst{
    border-color: #9c8e9b;
    background-color: #9c8e9b;
}
.bg-color-desert-sand{    
   border-color: #e4c7a9;
  background-color: #e4c7a9;
}
.bg-color-pastel-pink{
   border-color: #dea89c;
   background-color: #dea89c;
}
.bg-color-pastel-purple{
    border-color: #b8a0b0;
    background-color: #b8a0b0;
}
.bg-color-unbleached-silk{
    border-color: #f9dac6;
    background-color: #f9dac6;
}
.bg-color-brown-yellow{
    background-color: #ce925e;
    border-color:#ce925e;
}
.bg-color-dark-vanilla{
   border-color: #d5b8aa;
   background-color: #d5b8aa;
}
.bg-color-iceberg{
    background-color: #68bbd9;
    border-color: #68bbd9;
}
.bg-color-cadet-grey{
       border-color: #97a6ad;
      background-color: #97a6ad;
}
.bg-color-light-taupe{
    border-color: #b48e6a;
    background-color: #b48e6a;
}
.bg-color-copper-rose{
    border-color: #916f6d;
    background-color: #916f6d;
}
.bg-color-pastel-brown{
    border-color: #767058;
    background-color: #767058;
}
.bg-color-grullo{
    border-color: #a1a290;
    background-color: #a1a290;
}
.bg-color-sonic-silver{
    border-color: #777777;
    background-color: #777777;
}
.bg-color-redwood{
    border-color: #97544e;
    background-color: #97544e;
}
.bg-color-laurel-green{
    border-color: #b1b897;
    background-color: #b1b897;
}
.bg-color-pale-cerulean{
      border-color: #9dcbd8;
      background-color: #9dcbd8;
}
.bg-color-chinese-white{
      border-color: #dbe3e6;
      background-color: #dbe3e6;
}

.bg-color-rocket-metallic{
    border-color: #89806f;
    background-color: #89806f;
}
.bg-color-silver-pink{
    border-color: #cbadab;
    background-color: #cbadab;
}
.bg-color-pale-chestnut{
    border-color: #deb1ae;
    background-color: #deb1ae;
}
.bg-color-opal{
    border-color: #a0bdc5;
    background-color: #a0bdc5;
}
.bg-color-gold-fusion{
    border-color: #7d7a57;
    background-color: #7d7a57;
}
.bg-color-old-silver{
    border-color: #818286;
    background-color: #818286;
}
.bg-color-dust-storm{
    border-color: #e0cdc7;
    background-color: #e0cdc7;
}
.bg-color-alabaster{
    border-color: #f0e7e8;
    background-color: #f0e7e8;
}
.bg-color-english-lavender{
    border-color: #ae8e9d;
    background-color: #ae8e9d;
}
.bg-color-azureish-white{
    border-color: #d8f1ee;
    background-color: #d8f1ee;
}
.bg-color-silver-pink{
    border-color: #ccafb3;
    background-color: #ccafb3;
}
.bg-color-metallic{
    border-color: #aaa8b6;
    background-color: #aaa8b6;
}

.bg-color-coffee{   
   border-color: #724d30;
    background-color: #724d30;
}

.bg-color-sugar-plum{
    border-color: #914671;
    background-color: #914671;
}
/**************/

.item-swiper-init .products {
    display: grid;
}

/* ============================================
   MUMTREE HOMEPAGE ENHANCEMENTS
   Animations, Hover Effects & Typography
   ============================================ */

/* --- Mumtree Brand Colors --- */
:root {
    --mum-green: #1E5C2B;
    --mum-orange: #F58220;
    --mum-brown: #8D694B;
    --mum-cream: #F5F0E8;
    --mum-white: #FFFFFF;
    --mum-transition: 0.3s ease;
}

/* ============================================
   1. SCROLL ANIMATIONS
   ============================================ */

/* Fade In Up Animation */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(40px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Fade In Left Animation */
@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translateX(-40px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Fade In Right Animation */
@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translateX(40px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Scale In Animation */
@keyframes scaleIn {
    from {
        opacity: 0;
        transform: scale(0.9);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* Float Animation for decorative elements */
@keyframes float {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
}

/* Pulse animation for badges */
@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
    }
}

/* Shimmer effect for loading */
@keyframes shimmer {
    0% {
        background-position: -200% 0;
    }
    100% {
        background-position: 200% 0;
    }
}

/* Animation classes */
.animate-fade-up {
    opacity: 0;
    animation: fadeInUp 0.8s ease forwards;
}

.animate-fade-left {
    opacity: 0;
    animation: fadeInLeft 0.8s ease forwards;
}

.animate-fade-right {
    opacity: 0;
    animation: fadeInRight 0.8s ease forwards;
}

.animate-scale {
    opacity: 0;
    animation: scaleIn 0.6s ease forwards;
}

.animate-float {
    animation: float 3s ease-in-out infinite;
}

/* Scroll-triggered animations */
.section-hidden {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.section-visible {
    opacity: 1;
    transform: translateY(0);
}

/* Staggered animation delays */
.delay-1 { animation-delay: 0.1s; }
.delay-2 { animation-delay: 0.2s; }
.delay-3 { animation-delay: 0.3s; }
.delay-4 { animation-delay: 0.4s; }
.delay-5 { animation-delay: 0.5s; }
.delay-6 { animation-delay: 0.6s; }

/* ============================================
   2. ENHANCED HOVER EFFECTS
   ============================================ */

/* Button Hover Effects */
.button, .btn, a.button, button.button {
    transition: all var(--mum-transition);
    position: relative;
    overflow: hidden;
}

.button:hover, .btn:hover, a.button:hover, button.button:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(30, 92, 43, 0.25);
}

/* Button ripple effect */
.button::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: width 0.6s ease, height 0.6s ease;
}

.button:hover::after {
    width: 300px;
    height: 300px;
}

/* Card Hover Effects */
.card, .product-card, .jg-card, .cat-card, .age-card {
    transition: all var(--mum-transition);
}

.card:hover, .product-card:hover, .jg-card:hover {
    transform: translateY(-8px);
    box-shadow: none;
}

/* Image Zoom on Hover */
.card img, .product-card img, .jg-card img,
.media img, .cat-card img, .age-card img {
    transition: transform 0.5s ease;
}

.card:hover img, .product-card:hover img, .jg-card:hover img,
.card:hover .media img, .product-card:hover .media img, .jg-card:hover .media img {
    transform: scale(1.08);
}

/* Link Underline Animation */
a.animated-link {
    position: relative;
    text-decoration: none;
}

a.animated-link::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    background: var(--mum-orange);
    transition: width var(--mum-transition);
}

a.animated-link:hover::after {
    width: 100%;
}

/* Arrow Icon Animation */
a .arrow-icon, .btn .arrow-icon {
    transition: transform var(--mum-transition);
    display: inline-block;
}

a:hover .arrow-icon, .btn:hover .arrow-icon {
    transform: translateX(5px);
}

/* Badge Pulse on Hover */
.badge, .jg-badge {
    transition: all var(--mum-transition);
}

.card:hover .badge, .jg-card:hover .jg-badge {
    animation: pulse 0.5s ease;
}

/* Navigation Link Effects */
.header__menu-item, .nav-link {
    position: relative;
    transition: color var(--mum-transition);
}

.header__menu-item::after, .nav-link::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 50%;
    width: 0;
    height: 2px;
    background: var(--mum-orange);
    transition: all var(--mum-transition);
    transform: translateX(-50%);
}

.header__menu-item:hover::after, .nav-link:hover::after {
    width: 100%;
}

/* ============================================
   3. BETTER TYPOGRAPHY & SPACING
   ============================================ */

/* Headings Enhancement */
h1, h2, h3, h4, h5, h6,
.title, .heading {
    font-family: 'Nunito', 'Playfair Display', sans-serif;
    font-weight: 800;
    line-height: 1.2;
    color: var(--mum-green);
    letter-spacing: -0.02em;
}

h1, .h1 { font-size: clamp(2.5rem, 5vw, 4rem); }
h2, .h2 { font-size: clamp(2rem, 4vw, 3rem); }
h3, .h3 { font-size: clamp(1.5rem, 3vw, 2rem); }
h4, .h4 { font-size: clamp(1.25rem, 2vw, 1.5rem); }

/* Subheadings */
.sub-heading, .eyebrow, .section-subtitle {
    font-family: 'Nunito', sans-serif;
    font-weight: 700;
    font-size: 0.85rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--mum-orange);
}

/* Body Text Enhancement */
body, p, .rte, .description {
    font-family: 'Nunito', -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.8;
    color: #555;
}

/* Section Spacing */
section, .section {
    padding: clamp(60px, 8vw, 100px) 0;
}

/* Better Line Heights */
h1, .h1 { line-height: 1.1; }
h2, .h2 { line-height: 1.2; }
h3, .h3 { line-height: 1.3; }

/* Text Shadow for Hero */
.hero-text {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
}

/* Letter Spacing */
.text-uppercase {
    letter-spacing: 3px !important;
}

/* ============================================
   4. DECORATIVE ELEMENTS
   ============================================ */

/* Decorative Shapes */
.deco-circle {
    border-radius: 50%;
    position: absolute;
    pointer-events: none;
}

.deco-circle--green {
    background: var(--mum-green);
    opacity: 0.05;
}

.deco-circle--orange {
    background: var(--mum-orange);
    opacity: 0.08;
}

/* Decorative Dots Pattern */
.deco-dots {
    background-image: radial-gradient(var(--mum-brown) 1px, transparent 1px);
    background-size: 20px 20px;
    opacity: 0.1;
}

/* Section Divider */
.section-divider {
    width: 60px;
    height: 4px;
    background: linear-gradient(90deg, var(--mum-green), var(--mum-orange));
    border-radius: 2px;
    margin: 20px auto;
}

/* ============================================
   5. LOADING & TRANSITIONS
   ============================================ */

/* Page Load Animation */
.page-loaded {
    animation: fadeInUp 0.6s ease forwards;
}

/* Skeleton Loading */
.skeleton {
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
}

/* Smooth Page Transitions */
html {
    scroll-behavior: smooth;
}

/* ============================================
   6. RESPONSIVE ENHANCEMENTS
   ============================================ */

@media (max-width: 768px) {
    section, .section {
        padding: clamp(40px, 6vw, 60px) 0;
    }

    h1, .h1 { font-size: clamp(1.8rem, 8vw, 2.5rem); }
    h2, .h2 { font-size: clamp(1.5rem, 6vw, 2rem); }
    h3, .h3 { font-size: clamp(1.25rem, 5vw, 1.5rem); }

    .card:hover, .product-card:hover, .jg-card:hover {
        transform: translateY(-4px);
    }
}

/* ============================================
   7. SPECIAL EFFECTS
   ============================================ */

/* Glass Morphism Effect */
.glass {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

/* Gradient Text */
.gradient-text {
    background: linear-gradient(135deg, var(--mum-green), var(--mum-orange));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Box Shadow Variants */
.shadow-soft {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.shadow-medium {
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}

.shadow-strong {
    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.18);
}

/* ============================================
   8. FOOTER BRAND COLORS - Light Theme
   ============================================ */

/* Footer - FORCE cream background, remove all dark colors */
footer.footer,
#shopify-section-footer,
#shopify-section-footer .footer,
.footer.color-background-1,
.footer.color-background-2,
.footer.color-inverse,
.footer.color-accent-1,
.footer.color-accent-2,
.footer.gradient,
.footer {
    background-color: #F5F0E8 !important;
    background: #F5F0E8 !important;
    background-image: none !important;
    color: #8D694B !important;
}

/* Remove any dark overlays or pseudo elements */
.footer::before,
.footer::after,
#shopify-section-footer::before,
#shopify-section-footer::after {
    display: none !important;
    background-image: none !important;
    background-color: transparent !important;
}

/* Headings - Green */
.footer .footer-block__heading,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer-block__heading,
.footer .rte h2,
.footer .rte h3 {
    color: #1E5C2B !important;
}

/* Links - Brown */
.footer a:not(.button):not(.btn),
.footer .link,
.footer .link--text,
.footer .list-menu__item,
.footer .list-menu__item--link,
.footer .footer-block__details-content a,
.footer .footer-block__details-content p,
.footer .footer-block__details-content li,
.footer .rte p,
.footer .rte a {
    color: #8D694B !important;
}

/* Link hover - Orange */
.footer a:hover:not(.button):not(.btn),
.footer .link:hover,
.footer .link--text:hover,
.footer .list-menu__item:hover,
.footer .list-menu__item--link:hover {
    color: #F58220 !important;
}

/* Copyright - Green */
.footer .copyright__content,
.footer .footer__copyright,
.footer .footer__copyright caption {
    color: #1E5C2B !important;
}

/* Payment icons */
.footer .list-payment__item {
    opacity: 0.7;
}

/* Social icons */
.footer .list-social__link {
    color: #1E5C2B !important;
    background: transparent !important;
}

.footer .list-social__link:hover {
    color: #F58220 !important;
}

/* Newsletter input - White with brown text */
.footer .newsletter-form .field__input,
.footer .field__input,
.footer input[type="email"],
.footer input[type="text"] {
    background-color: #FFFFFF !important;
    border-color: #E5DDD3 !important;
    color: #8D694B !important;
}

.footer .newsletter-form .field__input::placeholder,
.footer .field__input::placeholder {
    color: #B8A68F !important;
}

.footer .newsletter-form .field__input:focus,
.footer .field__input:focus,
.footer input:focus {
    border-color: #1E5C2B !important;
}

/* Borders and separators */
.footer .footer__content-top .grid,
.footer hr,
.footer .footer-block {
    border-color: #E5DDD3 !important;
}

/* Contact info icons */
.footer ul.contact-info li,
.footer ul.contact-info li a,
.footer ul.contact-info address {
    color: #8D694B !important;
}

/* Gallery images - rounded and nice */
.footer .footer-block-image img {
    border-radius: 12px;
}

/* ============================================
   9. CAROUSEL ENHANCEMENTS
   ============================================ */

.swiper-slide, .carousel-slide {
    transition: all 0.4s ease;
}

.swiper-slide:hover, .carousel-slide:hover {
    transform: scale(1.02);
}

/* Swiper Navigation Custom */
.swiper-button-next, .swiper-button-prev {
    background: var(--mum-white);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    transition: all var(--mum-transition);
}

.swiper-button-next:hover, .swiper-button-prev:hover {
    background: var(--mum-green);
    color: white;
    transform: scale(1.1);
}

/* Swiper Dots */
.swiper-pagination-bullet {
    background: #ccc;
    transition: all var(--mum-transition);
}

.swiper-pagination-bullet-active {
    background: var(--mum-orange);
    width: 25px;
    border-radius: 5px;
}

/* ============================================
   HOMEPAGE VISUAL IMPROVEMENTS
   ============================================ */

/* 1. Fix Trust Bar description text - increase font size */
.number-counter .number-content p,
.number-counter .number-content span,
.trust-bar .trust-text,
.trust-bar p,
.feature-highlights .feature-text,
.feature-highlights p {
    font-size: 15px !important;
    line-height: 1.5 !important;
}

/* 2. Fix Jungle Gyms paragraph - add max-width for readability */
.image-with-text .rte,
.image-with-text .rte p,
.image-with-text p,
.jungle-gyms-section p,
.jungle-gyms-section .rte {
    max-width: 600px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
}

/* 3. Add spacing above Dark Announcement Bar */
.marquee-section,
.marquee-strip {
    padding-top: 40px !important;
}

/* 4. Fix PlayLab section - add spacing above */
.play-lab-section,
.home-custom-section {
    padding-top: 60px !important;
}

/* 5. Fix Header 'Enquire' button - prevent cut-off */
.header__button--enquire,
.header .enquire-btn,
.header__action-item:last-child {
    white-space: nowrap !important;
    max-width: 120px !important;
}

/* 6. Remove choppy dividers from trust signals */
.feature-highlights hr,
.trust-bar hr,
.trust-signals hr,
.number-counter hr {
    border: none !important;
    margin: 0 !important;
}

/* 7. Increase vertical padding on Trust Bar */
.feature-highlights,
.trust-bar,
.trust-signals {
    padding: 40px 0 !important;
}

/* 8. Featured Products Card - unify all cards to white background */
.featured-collection .product-card,
.collage .product-card,
.carousel .product-card,
.swiper-slide .product-card {
    background: #fff !important;
}

/* 9. Fix badge placement - all badges top-left */
.product-card .badge,
.card-media .badge,
.product-card .card-badge {
    top: 15px !important;
    left: 15px !important;
    right: auto !important;
}

/* 10. Fix Play Equipment Cards - unify orange block heights */
.collage .jg-card .jg-card-content,
.carousel .jg-card .jg-card-content,
.jg-card .jg-card-content {
    padding: 25px !important;
    min-height: auto !important;
}

/* 11. Uniform card height for product grids */
.template-index .product-grid .grid__item,
.template-index .featured-collection .grid__item {
    display: flex !important;
}

.template-index .product-card {
    height: 100% !important;
    min-height: 400px !important;
}

/* 12. Improve text alignment in Jungle Gyms section */
.image-with-text {
    text-align: center !important;
}

.image-with-text .full-unstyled-link {
    justify-content: center !important;
}

/* 13. Fix stats bar - larger text for sub-labels */
.number-counter .counter-list .counter-item p,
.number-counter .counter-item span {
    font-size: 12px !important;
    color: #666 !important;
    letter-spacing: 0.5px !important;
}

/* 14. Uniform spacing for slideshow controls */
.slider-buttons {
    padding: 20px 0 !important;
}

/* ============================================
   ADDITIONAL HOMEPAGE VISUAL IMPROVEMENTS
   ============================================ */

/* Fix Jungle Gyms section - paragraph text readability */
.image-with-text .rte p,
.image-with-text .image-with-text-content p,
.image-with-text-content .rte p {
    max-width: 650px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    font-size: 17px !important;
    line-height: 1.7 !important;
}

/* Fix Dark Announcement Bar - add more spacing */
.marquee-section,
.marquee-strip,
.marquee-content,
.marquee-wrapper {
    padding: 18px 40px !important;
    letter-spacing: 2px !important;
}

/* Fix announcement bar items - more space between */
.marquee-section .marquee-item,
.marquee-content .marquee-item {
    margin: 0 30px !important;
}

/* Increase trust bar icon text size */
.number-counter .counter-item p,
.number-counter .counter-item span,
.trust-item-text {
    font-size: 13px !important;
}

/* Fix Play Equipment Cards - uniform padding */
.collage .jg-card .jg-card-content {
    padding: 25px 20px !important;
    min-height: 160px !important;
}

/* Fix featured products - uniform card heights */
.featured-collection .product-card .card-content {
    min-height: 150px !important;
}

/* Fix badge placement - all top-left */
.card-media .badge,
.product-card .badge,
.card__badge {
    top: 12px !important;
    left: 12px !important;
    right: auto !important;
}