/** Shopify CDN: Minification failed Line 489:239 Unexpected "*" Line 773:907 Expected "}" to go with "{" **/ /* ============================================================ Moments Treasured — Premium Brand Refinements Burgundy / Charcoal / Ivory / Champagne palette ============================================================ */ @import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap'); :root { --mt-burgundy: #6B1F2A; --mt-burgundy-deep: #531823; --mt-charcoal: #1A1A1A; --mt-ivory: #F8F4EC; --mt-cream: #FBF7F0; --mt-champagne: #C9A97A; --mt-soft-grey: #E8E2D5; --mt-text: #2A2A2A; --mt-text-muted: #6B6B6B; --font-serif: 'Cormorant Garamond', 'Playfair Display', Georgia, serif; --font-sans: 'Inter', -apple-system, 'Helvetica Neue', sans-serif; } /* ---------- Typography ---------- */ body, .product__text, p, li, .price__regular, .price__sale { font-family: var(--font-sans) !important; color: var(--mt-text); letter-spacing: 0.005em; } h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5, .section-header__title, .product__title, .card__heading, .banner__heading, .multicolumn-card__title, .rich-text__heading { font-family: var(--font-serif) !important; font-weight: 500 !important; letter-spacing: 0.01em !important; color: var(--mt-charcoal); } h1, .h1, .banner__heading { font-weight: 600 !important; } .button, .shopify-payment-button__button, .product-form__submit, .quick-add__submit { font-family: var(--font-sans) !important; letter-spacing: 0.12em !important; text-transform: uppercase; font-size: 0.78rem !important; font-weight: 500 !important; } .header__menu-item, summary.header__menu-item { font-family: var(--font-sans) !important; letter-spacing: 0.16em !important; text-transform: uppercase; font-size: 0.72rem !important; font-weight: 500 !important; color: var(--mt-charcoal) !important; } /* ---------- Header refinements ---------- */ .header-wrapper { background: #FFFFFF; } .shopify-section-header { background: #FFFFFF; } .header { padding-top: 14px !important; padding-bottom: 14px !important; } .header__heading-logo { max-width: 240px !important; } @media (max-width: 749px) { .header { padding-top: 10px !important; padding-bottom: 10px !important; min-height: unset !important; } .header__heading-logo { max-width: 170px !important; width: 170px !important; } .header__heading-logo-wrapper { display: flex; align-items: center; justify-content: center; } .header__icons, .header__icon { padding: 6px !important; } .header { grid-template-rows: auto !important; } } /* Announcement bar tighter & premium */ .announcement-bar, .utility-bar, .ss-scrolling-text { background: var(--mt-burgundy) !important; font-family: var(--font-sans) !important; letter-spacing: 0.14em !important; text-transform: uppercase; font-size: 0.72rem !important; } .announcement-bar__message, .ss-scrolling-text * { color: #FBF7F0 !important; } /* ---------- Buttons — burgundy primary ---------- */ .button--primary, .button.button--primary, .shopify-payment-button__button--unbranded { background: var(--mt-burgundy) !important; color: #FFFFFF !important; border-radius: 2px !important; border: 1px solid var(--mt-burgundy) !important; transition: background 0.25s ease; } .button--primary:hover { background: var(--mt-burgundy-deep) !important; border-color: var(--mt-burgundy-deep) !important; } .button--secondary { border-radius: 2px !important; border: 1px solid var(--mt-charcoal) !important; } /* ---------- Hero refinement ---------- */ .banner__content, .banner__box { background: linear-gradient(180deg, transparent 0%, rgba(26,26,26,0.55) 100%) !important; } .banner__heading { font-family: var(--font-serif) !important; font-size: clamp(2.2rem, 5vw, 3.6rem) !important; font-weight: 500 !important; letter-spacing: 0.01em !important; line-height: 1.15 !important; } /* ---------- Mobile product grid: 2 columns ---------- */ @media (max-width: 749px) { .grid--2-col-tablet-down, .product-grid, .grid.product-grid, .collection .grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; } .grid__item { width: 100% !important; max-width: 100% !important; } .card__heading, .card__information .card__heading a { font-size: 0.95rem !important; line-height: 1.3 !important; } .price { font-size: 0.9rem !important; } } /* ---------- Multicolumn (How It Works / Promise) ---------- */ .multicolumn-card__info .multicolumn-card__title, .multicolumn-card__info h3 { font-family: var(--font-serif) !important; font-size: 1.4rem !important; font-weight: 500 !important; color: var(--mt-burgundy) !important; margin-bottom: 0.5rem !important; } .multicolumn-card { padding: 1.25rem !important; } .multicolumn .title-wrapper h2 { color: var(--mt-charcoal) !important; } /* Testimonials — add subtle quote styling */ .multicolumn-card__info p::before { content: '“'; font-family: var(--font-serif); font-size: 2rem; color: var(--mt-champagne); line-height: 0; vertical-align: -0.4em; margin-right: 0.15em; } /* ---------- Cards — cleaner & more premium ---------- */ .card-wrapper, .card { border-radius: 2px !important; } .card__heading a { color: var(--mt-charcoal) !important; } .price__sale .price-item--sale { color: var(--mt-burgundy) !important; } /* ---------- Remove orange/purple accent clashes ---------- */ [style*="orange"], .badge--orange { background: var(--mt-burgundy) !important; color: #fff !important; } .shopify-payment-button__more-options { color: var(--mt-charcoal) !important; } /* ---------- Spacing rhythm ---------- */ .shopify-section { padding-block: 0; } @media (min-width: 750px) { .shopify-section + .shopify-section .section { margin-top: 0; } } /* ---------- Footer ---------- */ .footer { background: var(--mt-charcoal) !important; color: var(--mt-ivory) !important; } .footer * { color: var(--mt-ivory) !important; } .footer .footer-block__heading { color: var(--mt-champagne) !important; font-family: var(--font-serif) !important; } /* ---------- Hide stray empty sections (defensive) ---------- */ .shopify-section--announcement-bar:empty, .utility-bar:empty { display: none !important; } /* End */ /* ============================================================ MOBILE FIXES — added via subtask ============================================================ */ /* FIX 1: Force 2-column product grid on mobile (overrides theme's flex) */ @media (max-width: 767px) { .product-grid, .grid.product-grid, ul.product-grid, ul.grid.product-grid, .collection .grid, .grid--2-col-tablet-down { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; } .product-grid > .grid__item, .collection .grid > .grid__item, .grid--2-col-tablet-down > .grid__item { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; } } @media (min-width: 768px) { .product-grid, .grid.product-grid, .collection .grid { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } } /* FIX 2: Hero CTA button — force brand burgundy (#6B1F2A) over inline #8b0000 */ .hero-button-button_p38TxN, [class*="hero-button-button"] { background-color: var(--mt-burgundy) !important; border-color: var(--mt-burgundy) !important; } .hero-button-button_p38TxN:hover, [class*="hero-button-button"]:hover { background-color: var(--mt-burgundy-deep) !important; border-color: var(--mt-burgundy-deep) !important; } /* Also override scrolling text bar from #8b0000 to brand burgundy */ [class*="scrolling-sections--"][style*="#8b0000"], [class*="section-sections--"][class*="scrolling"] { background-color: var(--mt-burgundy) !important; } /* FIX 3: Stronger hero overlay on mobile for better text contrast */ @media (max-width: 749px) { [class*="hero-content-"]::before, [class*="hero-layout-"]::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.75) 100%); pointer-events: none; z-index: 1; } [class*="hero-content-"] { position: relative; } [class*="hero-content-"] > * { position: relative; z-index: 2; } [class*="hero-heading-heading"], [class*="hero-text-text"] { color: #ffffff !important; text-shadow: 0 2px 14px rgba(0,0,0,0.55); } .banner__content, .banner__box { background: linear-gradient(180deg, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.78) 100%) !important; } } /* FIX 4: Restrict decorative quote marks to actual testimonials only */ /* Remove the broad rule that leaks into Promise / How-it-works sections */ .multicolumn-card__info p::before, .multicolumn-card__info p:before { content: none !important; } /* Re-apply only inside the testimonials multicolumn section */ #shopify-section-template--21829415141629__multicolumn_eYdNfC .multicolumn-card__info p::before { content: "\201C" !important; /* === Occasion Collection List — Premium Mobile-First Refinements (April 25, 2026) === */ .section-collection-list .card--collection .card__heading, .collection-list .card-wrapper .card__heading { font-family: var(--font-heading-family, 'Cormorant Garamond', Georgia, serif); font-size: 1.4rem; font-weight: 500; letter-spacing: 0.02em; text-align: center; margin: 1rem 0 0.25rem; } .section-collection-list .card-wrapper .icon-arrow, .collection-list .card-wrapper .icon-arrow, .collection-list__item .animate-arrow .icon-arrow { width: 14px !important; height: 10px !important; margin-left: 0.4rem; vertical-align: middle; color: #6B1F2A; } .section-collection-list .card-wrapper a .icon-wrap, .collection-list .card-wrapper a .icon-wrap { display: inline-block; font-size: 0.95rem; } .collection-list .card-wrapper { text-align: center; } .collection-list .card-wrapper .card-information { text-align: center; padding: 0.75rem 0 0.25rem; } /* Larger cover image area, no clipping of transparent PNGs */ .collection-list .card--collection .card__inner { background: #faf6f1; } .collection-list .card--collection img { object-fit: contain !important; padding: 8%; } /* Mobile: 2-col grid with proper gutters, premium spacing */ @media (max-width: 749px) { .collection-list-wrapper { padding-left: 1rem !important; padding-right: 1rem !important; } .collection-list { gap: 12px !important; } .section-collection-list .collection-list-title, .collection-list-title { font-size: 1.9rem !important; padding-left: 0; margin-bottom: 1rem; } .collection-list .card-wrapper .card__heading { font-size: 1.1rem; } } /* Featured collection emotional copy spacing */ .section .featured-collection__description, .featured-collection .rte { max-width: 640px; margin: 0 auto 1rem; line-height: 1.6; } /* === Force arrow size in collection-list (override default Dawn animate-arrow) === */ .collection-list-wrapper .icon-wrap, .section-collection-list .icon-wrap, .collection-list .card-wrapper .icon-wrap { display: inline-flex !important; align-items: center; width: 18px !important; height: 14px !important; margin-left: 0.5rem; vertical-align: middle; } .collection-list-wrapper .icon-wrap svg.icon-arrow, .section-collection-list .icon-wrap svg.icon-arrow, .collection-list .icon-arrow { width: 18px !important; height: 14px !important; max-width: 18px !important; flex: 0 0 18px; /* Fix for large arrow images in collection list */ .card__caption .icon-wrap { display: none !important;} } .collection-list .card__heading { display: flex; align-items: center; justify-content: center; gap: 0.4rem; font-family: 'Cormorant Garamond', Georgia, serif !important; font-weight: 500 !important; font-size: 1.35rem !important; letter-spacing: 0.02em; color: #2A1A1F; margin: 0.85rem 0 0.4rem !important; } .collection-list .card__heading a { color: inherit !important; text-decoration: none; border-bottom: 1px solid transparent; transition: border-color 0.2s ease, color 0.2s ease; } .collection-list .card__heading a:hover { color: #6B1F2A !important; border-bottom-color: #6B1F2A; } @media (max-width: 749px) { .collection-list .card__heading { font-size: 1.05rem !important; } .collection-list-wrapper .icon-wrap, .collection-list-wrapper .icon-wrap svg.icon-arrow { width: 14px !important; height: 11px !important; } } /* cache-bust 1777147208.7841911 */ /* TEST EDIT 1777147266.55647 */ body{outline:0} /* ========== Footer Email Signup - Brand Polished ========== */ .footer-block--newsletter{width:100%;max-width:480px;} .footer-block--newsletter .footer-block__heading{font-family:'Cormorant Garamond',serif !important;color:#6B1F2A !important;font-size:1.85rem !important;line-height:1.2 !important;letter-spacing:0.01em !important;font-weight:500 !important;text-transform:none !important;margin-bottom:0.5rem !important;} .footer-block--newsletter .footer-block__heading::after{content:'Get gift inspiration, early access to new designs, and a welcome gift.';display:block;font-family:'Inter',sans-serif;font-size:0.875rem;color:#F8F4EC;opacity:0.9;margin-top:0.5rem;font-weight:400;letter-spacing:0;line-height:1.5;text-transform:none;} .footer-block--newsletter .field{border-radius:8px;overflow:hidden;background:#fff;border:1px solid rgba(255,255,255,0.15);} .footer-block--newsletter .field__input{border-radius:8px !important;min-height:48px !important;background:#fff !important;color:#1A1A1A !important;padding-right:64px !important;font-family:'Inter',sans-serif !important;} .footer-block--newsletter .newsletter-form__button{background:#6B1F2A !important;color:#fff !important;border-radius:0 8px 8px 0 !important;min-height:48px !important;min-width:56px !important;transition:background 0.2s ease;} .footer-block--newsletter .newsletter-form__button:hover{background:#531823 !important;} .footer-block--newsletter .newsletter-form__button .icon{color:#fff !important;} .footer-block--newsletter::after{content:'We respect your privacy. Unsubscribe anytime.';display:block;font-family:'Inter',sans-serif;font-size:0.75rem;color:#F8F4EC;opacity:0.6;margin-top:0.875rem;letter-spacing:0.02em;} @media (max-width:749px){ .footer-block--newsletter{max-width:100%;} .footer-block--newsletter .field__input{min-height:52px !important;font-size:16px !important;} .footer-block--newsletter .newsletter-form__button{min-height:52px !important;min-width:60px !important;} .footer-block--newsletter .footer-block__heading{font-size:1.5rem !important;} } /* ========== MOBILE UX OPTIMIZATIONS - May 2026 ========== */ /* Priority: Tap targets, spacing, typography, sticky ATC, product grid */ /* --- Global Mobile Optimizations --- */ @media (max-width: 749px) { /* 1. MINIMUM TAP TARGET SIZES (48px per Google guidelines) */ .button, .shopify-payment-button__button, .product-form__submit, .cart__submit, a.button, button, input[type="submit"], .quick-add__submit { min-height: 48px !important; min-width: 48px !important; padding: 12px 20px !important; font-size: 15px !important; } /* Navigation tap targets */ .header__icon, .header__menu-item, .menu-drawer__menu-item, .menu-drawer__navigation-item a { min-height: 48px !important; display: flex !important; align-items: center !important; padding: 10px 12px !important; } /* Footer links tap targets */ .footer-block__details-content a, .footer__content-bottom a { min-height: 44px !important; display: inline-flex !important; align-items: center !important; padding: 6px 4px !important; } /* 2. IMPROVED SPACING BETWEEN CLICKABLE ELEMENTS */ .product-grid .grid__item { margin-bottom: 16px !important; } .card__content { padding: 10px 8px !important; } .card__heading a { padding: 4px 0 !important; line-height: 1.4 !important; } /* Space between price and add-to-cart */ .price { margin-bottom: 8px !important; } /* 3. LARGER, MORE READABLE TYPOGRAPHY ON MOBILE */ body, .product__text, .rte p { font-size: 15px !important; line-height: 1.6 !important; } h1, .h1 { font-size: 1.75rem !important; line-height: 1.2 !important; } h2, .h2, .section-header__title { font-size: 1.4rem !important; line-height: 1.25 !important; } h3, .h3 { font-size: 1.15rem !important; } /* Product card title on collection pages */ .card__heading, .card__heading a { font-size: 14px !important; line-height: 1.35 !important; font-weight: 500 !important; } /* Price typography */ .price-item, .price-item--regular, .price-item--sale { font-size: 15px !important; font-weight: 600 !important; } .price-item--regular .price-item--last { font-size: 13px !important; } /* 4. BETTER PADDING/MARGINS FOR MOBILE COMFORT */ .page-width { padding-left: 16px !important; padding-right: 16px !important; } .section-template--*__main-collection { padding-top: 16px !important; } /* Product page spacing */ .product__info-wrapper { padding: 16px !important; } .product__title { margin-bottom: 8px !important; } .product__description { margin-top: 12px !important; font-size: 14px !important; line-height: 1.6 !important; } /* 5. STICKY ADD TO CART BUTTON ON PRODUCT PAGES */ .product-form { position: relative; } /* Sticky ATC bar at bottom of screen on mobile */ .mt-sticky-atc { position: fixed !important; bottom: 0 !important; left: 0 !important; right: 0 !important; z-index: 999 !important; background: #fff !important; padding: 10px 16px !important; box-shadow: 0 -2px 10px rgba(0,0,0,0.1) !important; display: flex !important; gap: 10px !important; align-items: center !important; transform: translateY(100%); transition: transform 0.3s ease; } .mt-sticky-atc.visible { transform: translateY(0); } .mt-sticky-atc .button { flex: 1 !important; background: var(--mt-burgundy) !important; color: #fff !important; border-radius: 6px !important; font-size: 16px !important; font-weight: 600 !important; min-height: 48px !important; border: none !important; } .mt-sticky-atc .mt-sticky-price { font-weight: 700 !important; font-size: 18px !important; color: var(--mt-charcoal) !important; white-space: nowrap; } /* Add bottom padding to body so sticky ATC doesn't cover content */ .product-template { padding-bottom: 70px !important; } /* 6. PRODUCT GRID OPTIMIZATION FOR MOBILE */ /* Ensure 2-column grid on mobile */ .collection .grid--2-col-tablet-down .grid__item { width: calc(50% - 8px) !important; } .grid--2-col-tablet-down { gap: 12px !important; column-gap: 10px !important; } /* Product card image optimization */ .card__media img, .media img { border-radius: 6px !important; } .card { border-radius: 8px !important; overflow: hidden; } /* SALE badge styling on mobile */ .badge { font-size: 11px !important; padding: 3px 8px !important; border-radius: 4px !important; } /* Star rating on collection cards */ .jdgm-prev-badge { margin: 4px 0 !important; } .jdgm-prev-badge .jdgm-prev-badge__stars { font-size: 13px !important; } /* 7. MOBILE CART & CHECKOUT OPTIMIZATION */ .cart__items { padding: 0 !important; } .cart-item__details { font-size: 14px !important; } .cart__checkout-button { min-height: 52px !important; font-size: 16px !important; font-weight: 600 !important; border-radius: 8px !important; background: var(--mt-burgundy) !important; color: #fff !important; } .cart__ctas { position: sticky !important; bottom: 0 !important; background: #fff !important; padding: 12px 16px !important; box-shadow: 0 -2px 8px rgba(0,0,0,0.08) !important; z-index: 10 !important; } /* Cart quantity selector */ .quantity { min-height: 44px !important; } .quantity__button { min-width: 44px !important; min-height: 44px !important; } /* 8. MOBILE NAVIGATION ENHANCEMENT */ .menu-drawer { width: 85vw !important; max-width: 360px !important; } .menu-drawer__menu-item { font-size: 16px !important; padding: 14px 20px !important; border-bottom: 1px solid rgba(0,0,0,0.06) !important; } .menu-drawer__submenu .menu-drawer__menu-item { font-size: 15px !important; padding-left: 32px !important; } /* Hamburger menu icon size */ .header__icon .icon { width: 24px !important; height: 24px !important; } /* 9. COLLECTION PAGE HEADER */ .collection-hero__title { font-size: 1.5rem !important; padding: 16px 0 !important; } /* Filter/sort bar on mobile */ .facets-container { padding: 8px 0 !important; } .facet-filters__field { min-height: 44px !important; } /* 10. TRUST BADGES & DELIVERY ESTIMATOR MOBILE */ .mt-trust-badges { flex-wrap: wrap !important; gap: 8px !important; justify-content: center !important; } .mt-trust-badge { font-size: 12px !important; padding: 6px 10px !important; } .mt-delivery-estimate { font-size: 14px !important; padding: 10px !important; margin: 12px 0 !important; } /* 11. ANNOUNCEMENT/PROMO BAR MOBILE */ .announcement-bar { min-height: 40px !important; font-size: 13px !important; } /* 12. PRODUCT PAGE VARIANT SELECTORS */ .product-form__input--dropdown select, .product-form__input input[type="radio"] + label { min-height: 44px !important; font-size: 14px !important; } /* Variant swatches */ .product-form__input input[type="radio"] + label { min-width: 44px !important; padding: 8px 12px !important; } /* 13. IMAGE GALLERY ON PRODUCT PAGE */ .product__media-list { gap: 4px !important; } .product__media-item { border-radius: 6px !important; overflow: hidden; } /* Thumbnail navigation */ .thumbnail-list .thumbnail { min-width: 48px !important; min-height: 48px !important; } /* 14. SEARCH BAR MOBILE */ .search__input { min-height: 48px !important; font-size: 16px !important; /* Prevents iOS zoom on focus */ border-radius: 8px !important; } /* 15. FOOTER MOBILE OPTIMIZATION */ .footer { padding: 32px 16px !important; } .footer-block__heading { font-size: 15px !important; font-weight: 600 !important; } /* Social icons in footer */ .footer__list-social .list-social__link { min-width: 44px !important; min-height: 44px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; } } /* --- Small phones (max-width: 374px) --- */ @media (max-width: 374px) { .card__heading, .card__heading a { font-size: 12px !important; } .price-item { font-size: 13px !important; } .page-width { padding-left: 12px !important; padding-right: 12px !important; } h1, .h1 { font-size: 1.5rem !important; } h2, .h2 { font-size: 1.2rem !important; } }