/** Shopify CDN: Minification failed Line 687:0 Unexpected "}" **/ /* ============================================================ LCC.css — Lark & Co Creative custom overrides Theme: Symmetry Loaded after main.css (see layout/theme.liquid ). ============================================================ */ /* ------------------------------------------------------------ TYPOGRAPHY — Adobe Fonts (Typekit project ztt5pwu) Families are set here because Shopify's font picker can't select Typekit fonts. Weights & sizes are set in the theme customizer wherever possible. Available Typekit weights: avenir-lt-pro : 200, 400, 700 (normal + italic) berthold-baskerville-pro : 400 (normal + italic), 700 (normal) ------------------------------------------------------------ */ :root { /* Avenir → body / nav / buttons */ --base-font-family: "avenir-lt-pro", "Avenir Next", Avenir, Helvetica, Arial, sans-serif; --nav-font-family: "avenir-lt-pro", "Avenir Next", Avenir, Helvetica, Arial, sans-serif; /* Baskerville → headings & prices */ --heading-font-family: "berthold-baskerville-pro", Baskerville, "Baskerville Old Face", Georgia, "Times New Roman", serif; } /* Prices → Baskerville */ .price, .price-container, .cart-item__price, .cart-item__selling-price { font-family: var(--heading-font-family); } /* Top-level navigation → Avenir bold, uppercase (dropdown/subnav stays regular). Top-level links live in .navigation__tier-1; deeper tiers are tier-2/tier-3. */ .navigation__tier-1 > .navigation__item > .navigation__link { font-weight: 700; text-transform: uppercase; letter-spacing: 0.25em; /* Figma: 25% of font size */ } /* Buttons → Avenir bold (.btn sets weight via --base-font-weight) */ .btn { font-weight: 700; } /* Feature/section text links ("View All", "Shop The Collection", etc.) → slate blue (theme link color stays espresso for inline body links). */ .small-feature-link { color: #6C7A88; } .small-feature-link:hover { text-decoration-color: #6C7A88; } /* Footer copyright bar → small, uppercase, tracked, muted */ .section-footer .copyright .copy { text-transform: uppercase; letter-spacing: 0.18em; font-size: 11px; opacity: 0.75; } /* ------------------------------------------------------------ CUSTOM FONT — Exmouth (decorative script) Applied to the hero heading class only, for now. Static asset CSS: url() resolves relative to the assets folder. ------------------------------------------------------------ */ @font-face { font-family: "Exmouth"; src: url("exmouth.woff2") format("woff2"), url("exmouth.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; } .text-overlay__title { font-family: "Exmouth", var(--heading-font-family); } /* ------------------------------------------------------------ Multi-column — optional 1px divider between columns. Enabled per-section via "Show divider between columns" (adds .multi-column--dividers to the section wrapper). Pseudo-element line, inset top/bottom so it reads as a divider. ------------------------------------------------------------ */ .multi-column--dividers .text-column { position: relative; } .multi-column--dividers .text-column + .text-column::before { content: ""; position: absolute; left: 15px; /* centered in the 30px column gutter */ top: 12%; bottom: 12%; width: 1px; background: #6C7A88; } @media (max-width: 767px) { .multi-column--dividers .text-column + .text-column::before { display: none; /* columns stack on mobile — no vertical divider */ } } .menu-promotion__text{font-size:1rem;} /* Sub-nav (tier-2) links → larger, matching the mega-menu promo text */ .navigation__tier-2 .navigation__link { font-size: 1rem; } /* T&L STORY SECTION — PERMANENT */ .shopify-section:has(.subheading--over) .subheading--over { font-family: "Exmouth", cursive !important; font-size: 42px !important; font-weight: 400 !important; line-height: 1 !important; letter-spacing: 0 !important; text-transform: none !important; margin-bottom: 24px !important; } .shopify-section:has(.subheading--over) .majortitle.in-content.h1 { font-family: Baskerville, "Baskerville Old Face", Georgia, serif !important; font-size: 18px !important; font-weight: 400 !important; line-height: 1.3 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; margin-bottom: 22px !important; } .shopify-section:has(.subheading--over) p { font-family: Cabin, Arial, sans-serif !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.7 !important; } .shopify-section:has(.subheading--over) a { font-family: Baskerville, "Baskerville Old Face", Georgia, serif !important; font-size: 11px !important; font-weight: 400 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; }/* MONTHLY STORY TITLE */ .shopify-section:has(.subheading--over) .majortitle.in-content.h1 { font-size: 17px !important; letter-spacing: 0.10em !important; } /* EDITORIAL BODY COPY */ .shopify-section:has(.subheading--over) p { font-family: Baskerville, "Baskerville Old Face", Georgia, serif !important; font-size: 15px !important; line-height: 1.65 !important; }/* HERO SCRIPT TITLE */ .text-overlay__title.h1 { font-family: "Exmouth", cursive !important; font-size: 48px !important; font-weight: 400 !important; line-height: 1 !important; letter-spacing: 0 !important; text-transform: none !important; } /* HERO BUTTON */ .text-overlay .text-overlay__button.btn.btn--secondary { font-family: Baskerville, "Baskerville Old Face", Georgia, serif !important; font-size: 11px !important; font-weight: 400 !important; line-height: 1 !important; letter-spacing: 0.10em !important; text-transform: uppercase !important; background: transparent !important; color: #F8F5F2 !important; border: 1px solid #F8F5F2 !important; border-radius: 0 !important; padding: 13px 22px !important; min-height: 0 !important; box-shadow: none !important; } /* HERO BUTTON HOVER */ .text-overlay .text-overlay__button.btn.btn--secondary:hover { background: #F8F5F2 !important; color: #56392C !important; border-color: #F8F5F2 !important; } /* ========================= IMAGE + TEXT FEATURE BLOCK reusable for future launches ========================= */ /* Title */ .section-image-with-text .feature-text-paired .majortitle.in-content.h1 { font-family: Baskerville, "Baskerville Old Face", Georgia, serif !important; font-size: 18px !important; font-weight: 400 !important; line-height: 1.2 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; margin-bottom: 22px !important; } /* Body copy */ .section-image-with-text .feature-text-paired .rte p { font-family: Baskerville, "Baskerville Old Face", Georgia, serif !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.65 !important; letter-spacing: 0 !important; max-width: 520px !important; margin-left: auto !important; margin-right: auto !important; } /* Button */ .section-image-with-text .feature-text-paired .button-row__btn { font-family: Baskerville, "Baskerville Old Face", Georgia, serif !important; font-size: 11px !important; font-weight: 400 !important; line-height: 1 !important; letter-spacing: 0.10em !important; text-transform: uppercase !important; background: transparent !important; color: #F8F5F2 !important; border: 1px solid #F8F5F2 !important; border-radius: 0 !important; padding: 13px 22px !important; min-height: 0 !important; box-shadow: none !important; } /* Button hover */ .section-image-with-text .feature-text-paired .button-row__btn:hover { background: #F8F5F2 !important; color: #56392C !important; border-color: #F8F5F2 !important; } /* INSTAGRAM HEADING */ #insta-feed h2 { font-family: "Exmouth", cursive !important; font-size: 34px !important; font-weight: 400 !important; font-style: normal !important; line-height: 1 !important; letter-spacing: 0 !important; text-transform: none !important; color: #56392C !important; margin-bottom: 28px !important; } /* SPACE ABOVE NEW ARRIVALS FEATURED COLLECTION */ .section-featured-collection:has( .has-paging__title a[href="/collections/new-arrivals"] ) { padding-top: 48px !important; } /* VALUE PROPOSITION BLOCK — tighten space above */ #section-id-template--22840664916165__multi_column_VLgDFK { margin-top: 16px !important; padding-top: 0 !important; } /* TWO-COLUMN EDITORIAL IMAGE BLOCK — tighten space above */ #section-id-template--22840664916165__multi_column_4iFfmk { margin-top: 30px !important; padding-top: 0 !important; } /* BEST SELLERS — spacing above */ #shopify-section-template--22840664916165__featured_collection_WpKnVc .collection-slider-row { margin-top: 0 !important; padding-top: 24px !important; }/* PRIVÉ / AUTUMN GARDEN TWO-COLUMN BLOCK */ #section-id-template--22840664916165__multi_column_4iFfmk { margin-top: 30px !important; margin-bottom: 24px !important; padding-top: 0 !important; padding-bottom: 0 !important; } /* DESKTOP HEADER — slimmer like DÔEN */ @media (min-width: 768px) { .section-header .logo-area { height: 70px !important; min-height: 70px !important; padding-top: 8px !important; padding-bottom: 8px !important; box-sizing: border-box !important; align-items: center !important; } .section-header .logo-area__left, .section-header .logo-area__middle, .section-header .logo-area__right { align-self: center !important; } } /* ========================= PRODUCT CARDS — THOMAS & LOURDES ========================= */ /* Product name */ .product-block__title { font-family: Baskerville, "Baskerville Old Face", Georgia, serif !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.25 !important; letter-spacing: 0.01em !important; color: #56392B !important; } /* Product price */ .product-price, .product-price .price, .product-price .price__current, .product-price .price__was { font-family: Baskerville, "Baskerville Old Face", Georgia, serif !important; font-size: 12.5px !important; font-weight: 400 !important; line-height: 1.3 !important; color: #56392B !important; } /* Old price on sale */ .product-price .price__was { opacity: 0.55 !important; } /* VIEW ALL under New Arrivals / Best Sellers */ .section-featured-collection .view-all .small-feature-link { font-family: Baskerville, "Baskerville Old Face", Georgia, serif !important; font-size: 10px !important; font-weight: 400 !important; letter-spacing: 0.10em !important; text-transform: uppercase !important; } /* SALE LABEL — CLEAN SINGLE TAG */ .product-label--sale { background: transparent !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; } .product-label--sale > span { display: block !important; background: #F8F5F2 !important; color: #56392B !important; border: none !important; box-shadow: none !important; font-family: Baskerville, "Baskerville Old Face", Georgia, serif !important; font-size: 9px !important; font-weight: 400 !important; line-height: 1 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; padding: 9px 11px !important; } /* ========================= FOOTER TYPOGRAPHY ========================= */ /* Footer headings: SHOP / LINKS / NEWSLETTER */ .section-footer__title { font-family: Baskerville, "Baskerville Old Face", Georgia, serif !important; font-size: 12px !important; font-weight: 400 !important; line-height: 1.2 !important; letter-spacing: 0.10em !important; text-transform: uppercase !important; color: #F8F5F2 !important; margin-bottom: 18px !important; } /* Footer menu links */ .section-footer__menu-block__menu a { font-family: Baskerville, "Baskerville Old Face", Georgia, serif !important; font-size: 12px !important; font-weight: 400 !important; line-height: 1.5 !important; letter-spacing: 0 !important; text-transform: none !important; color: #F8F5F2 !important; } /* Slightly tighten vertical spacing between links */ .section-footer__menu-block__menu li { margin-bottom: 7px !important; } /* ========================= FOOTER NEWSLETTER ========================= */ /* Newsletter copy */ .section-footer p { font-family: Baskerville, "Baskerville Old Face", Georgia, serif !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1.6 !important; letter-spacing: 0 !important; } /* Email field */ .section-footer .signup-form__email { font-family: Baskerville, "Baskerville Old Face", Georgia, serif !important; font-size: 12px !important; font-weight: 400 !important; height: 44px !important; padding: 0 14px !important; background: transparent !important; color: #F8F5F2 !important; border: 1px solid #F8F5F2 !important; border-radius: 0 !important; box-shadow: none !important; } .section-footer .signup-form__email::placeholder { color: #F8F5F2 !important; opacity: 0.75 !important; } /* Subscribe button */ .section-footer .signup-form__button { font-family: Baskerville, "Baskerville Old Face", Georgia, serif !important; font-size: 10px !important; font-weight: 400 !important; line-height: 1 !important; letter-spacing: 0.10em !important; text-transform: uppercase !important; background: transparent !important; color: #F8F5F2 !important; border: 1px solid #F8F5F2 !important; border-radius: 0 !important; padding: 13px 20px !important; min-height: 0 !important; box-shadow: none !important; } .section-footer .signup-form__button:hover { background: #F8F5F2 !important; color: #6C7A87 !important; } /* FOOTER COPYRIGHT */ .section-footer .copy { font-family: Baskerville, "Baskerville Old Face", Georgia, serif !important; font-size: 10px !important; font-weight: 400 !important; letter-spacing: 0.10em !important; text-transform: uppercase !important; color: #F8F5F2 !important; } .section-footer .copy a { color: #F8F5F2 !important; text-decoration: none !important; } /* Tighten lower footer area */ .section-footer__lower, .section-footer__bottom, .section-footer .section-footer__row-lower { padding-top: 6px !important; padding-bottom: 6px !important; min-height: 0 !important; } /* FOOTER MAIN ROW — FINAL SPACING */ #pagefooter .section-footer__row.section-footer__row--blocks { padding-top: 40px !important; padding-bottom: 24px !important; padding-block-start: 40px !important; padding-block-end: 24px !important; height: auto !important; min-height: 0 !important; margin-bottom: -50px !important; } /* ========================= MEGA MENU — T&L ========================= */ /* Slightly tighter mega menu */ .navigation__tier-2-container .container { padding-top: 28px !important; padding-bottom: 28px !important; } /* Promo image captions */ .menu-promotion__text { font-family: Baskerville, "Baskerville Old Face", Georgia, serif !important; font-size: 11px !important; font-weight: 400 !important; line-height: 1.2 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; color: #56392B !important; margin-top: 10px !important; } /* Left-side mega-menu links */ .navigation__tier-2 .navigation__column > .navigation__link { font-family: Baskerville, "Baskerville Old Face", Georgia, serif !important; font-size: 11px !important; font-weight: 400 !important; letter-spacing: 0.06em !important; text-transform: uppercase !important; line-height: 1.65 !important; } /* ========================= COLLECTION PAGE TITLES ========================= */ .template-collection .pagetitle.h3 { font-family: "Exmouth", cursive !important; font-size: 36px !important; font-weight: 400 !important; font-style: normal !important; line-height: 1 !important; letter-spacing: 0 !important; text-transform: none !important; color: #56392B !important; } /* COLLECTION SORT DROPDOWN */ .template-collection .link-dropdown__button-text { font-family: Baskerville, "Baskerville Old Face", Georgia, serif !important; font-size: 11px !important; font-weight: 400 !important; line-height: 1.2 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; color: #56392B !important; } /* COLLECTION SORT DROPDOWN OPTIONS */ .template-collection .link-dropdown__link { font-family: Baskerville, "Baskerville Old Face", Georgia, serif !important; font-size: 12px !important; font-weight: 400 !important; line-height: 1.5 !important; letter-spacing: 0 !important; text-transform: none !important; color: #56392B !important; } /* COLLECTION SORT — FINAL STATES */ /* Reset every option */ .template-collection .link-dropdown__link { background: transparent !important; text-decoration: none !important; box-shadow: none !important; font-style: normal !important; } /* Current selection — no special styling */ .template-collection .link-dropdown__link--active, .template-collection .link-dropdown__link--active:hover { background: transparent !important; text-decoration: none !important; font-style: normal !important; } /* Hover — thin underline only */ @media (hover: hover) { .template-collection .link-dropdown__link:not(.link-dropdown__link--active):hover { background: transparent !important; text-decoration: underline !important; text-decoration-thickness: 1px !important; text-underline-offset: 3px !important; } }/* ================================================== PRODUCT PAGE — THOMAS & LOURDES ================================================== */ /* PRODUCT PRICE */ .template-product .product-price, .template-product .price, .template-product [data-product-price] { font-family: Baskerville, "Baskerville Old Face", Georgia, serif !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.3 !important; letter-spacing: 0 !important; color: #56392B !important; } /* OPTION LABELS — SIZE / COLOR */ .template-product legend.label { font-family: Baskerville, "Baskerville Old Face", Georgia, serif !important; font-size: 11px !important; font-weight: 400 !important; line-height: 1.2 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; color: #56392B !important; margin-bottom: 10px !important; } /* COLOR NAME — BLACK LEATHER */ .template-product .option-selector__label-value { font-family: Baskerville, "Baskerville Old Face", Georgia, serif !important; font-size: 12px !important; font-weight: 400 !important; letter-spacing: 0 !important; text-transform: none !important; } /* SIZE BUTTONS */ .template-product .opt-label--btn { font-family: Baskerville, "Baskerville Old Face", Georgia, serif !important; font-size: 11px !important; font-weight: 400 !important; letter-spacing: 0.04em !important; text-transform: uppercase !important; min-width: 52px !important; width: 52px !important; height: 42px !important; min-height: 42px !important; padding: 0 8px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border-radius: 0 !important; } /* ADD TO CART */ .template-product .add-to-cart { font-family: Baskerville, "Baskerville Old Face", Georgia, serif !important; font-size: 11px !important; font-weight: 400 !important; line-height: 1 !important; letter-spacing: 0.10em !important; text-transform: uppercase !important; min-height: 46px !important; padding-top: 15px !important; padding-bottom: 15px !important; border-radius: 0 !important; } /* PRODUCT DESCRIPTION */ .template-product .product-description, .template-product .product-description p, .template-product .rte p { font-family: Baskerville, "Baskerville Old Face", Georgia, serif !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1.6 !important; letter-spacing: 0 !important; color: #56392B !important; }/* PRODUCT PAGE PRICE — EXACT */ .template-product .product-info__price .price__current, .template-product .product-info__price .price__current > span { font-family: Baskerville, "Baskerville Old Face", Georgia, serif !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.3 !important; letter-spacing: 0 !important; color: #56392B !important; } }/* ================================================== PRODUCT PAGE — ACCORDION / SECTION HEADINGS ================================================== */ .template-product .product-info-accordion .disclosure__title { font-family: Baskerville, "Baskerville Old Face", Georgia, serif !important; font-size: 11px !important; font-weight: 400 !important; line-height: 1.2 !important; letter-spacing: 0.09em !important; text-transform: uppercase !important; color: #56392B !important; }/* ================================================== PRODUCT PAGE — RECOMMENDATION HEADING ================================================== */ .template-product h4.hometitle { font-family: Baskerville, "Baskerville Old Face", Georgia, serif !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.2 !important; letter-spacing: 0.10em !important; text-transform: uppercase !important; color: #56392B !important; }/* COLLECTION PAGE TITLES — FINAL */ .template-collection .pagetitle.h3 { font-family: Baskerville, "Baskerville Old Face", Georgia, serif !important; font-size: 16px !important; font-weight: 400 !important; line-height: 1.2 !important; letter-spacing: 0.10em !important; text-transform: uppercase !important; color: #56392B !important; }/* ================================================== PRODUCT PAGE — FLUSH IMAGE TO NAV / INFO OFFSET ================================================== */ @media (min-width: 768px) { /* REMOVE ALL SHARED SPACE ABOVE PRODUCT AREA */ .template-product .section-main-product, .template-product .section-main-product.page-section-spacing { margin-top: 0 !important; margin-block-start: 0 !important; padding-top: 0 !important; padding-block-start: 0 !important; } /* This is the wrapper causing the remaining gap */ .template-product product-form.product-info.spaced-row { margin-top: 0 !important; margin-block-start: 0 !important; padding-top: 0 !important; padding-block-start: 0 !important; } /* LEFT IMAGE — FLUSH DIRECTLY BENEATH NAV */ .template-product .product-column-left, .template-product media-gallery, .template-product .media-gallery__inner, .template-product .main-image, .template-product .product-media-collage { margin-top: 0 !important; margin-block-start: 0 !important; padding-top: 0 !important; padding-block-start: 0 !important; } /* RIGHT INFO — INTENTIONAL BREATHING ROOM */ .template-product .product-column-right { padding-top: 48px !important; } }/* ================================================== QUICK BUY BUTTON — PERMANENT ================================================== */ .quickbuy-toggle { font-family: Baskerville, "Baskerville Old Face", Georgia, serif !important; font-size: 11px !important; font-weight: 400 !important; line-height: 1 !important; letter-spacing: 0.10em !important; text-transform: uppercase !important; }/* ================================================== HOMEPAGE — PERMANENT SECTION SPACING MULTI-COLUMN + FEATURED COLLECTIONS ================================================== */ /* DESKTOP */ @media (min-width: 768px) { /* ALL MULTI-COLUMN BLOCKS Includes collection tiles AND the 3-icon divider block */ #content .shopify-section.section-multi-column { margin-bottom: 0 !important; padding-bottom: 0 !important; } #content .shopify-section.section-multi-column > .fully-spaced-row--medium { margin-bottom: 0 !important; padding-bottom: 0 !important; } /* ALL FEATURED COLLECTIONS New Arrivals, Best Sellers, future featured collections */ #content .shopify-section.section-featured-collection { margin-top: 0 !important; padding-top: 0 !important; } #content .shopify-section.section-featured-collection > .collection-slider-row { margin-top: 0 !important; padding-top: 36px !important; } } /* MOBILE */ @media (max-width: 767px) { #content .shopify-section.section-multi-column { margin-bottom: 0 !important; padding-bottom: 0 !important; } #content .shopify-section.section-multi-column > .fully-spaced-row--medium { margin-bottom: 0 !important; padding-bottom: 0 !important; } #content .shopify-section.section-featured-collection { margin-top: 0 !important; padding-top: 0 !important; } #content .shopify-section.section-featured-collection > .collection-slider-row { margin-top: 0 !important; padding-top: 28px !important; } }/* ================================================== 3-COLUMN DIVIDER BLOCK — PERMANENT INTERNAL SPACING ================================================== */ @media (min-width: 768px) { #content .section-multi-column .fully-spaced-row--medium.multi-column--dividers { margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 42px !important; padding-bottom: 42px !important; } } /* MOBILE */ @media (max-width: 767px) { #content .section-multi-column .fully-spaced-row--medium.multi-column--dividers { margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 30px !important; padding-bottom: 30px !important; } }/* ================================================== COLLECTION IMAGE TILES — PERMANENT TITLES ================================================== */ .section-collection-list h2.h4 { font-family: Baskerville, "Baskerville Old Face", Georgia, serif !important; font-size: 17px !important; font-weight: 400 !important; line-height: 1.2 !important; letter-spacing: 0.10em !important; text-transform: uppercase !important; }/* ================================================== PRODUCT PAGE — 2-UP EDITORIAL DESKTOP GALLERY NO GAPS / STICKY PRODUCT INFO ================================================== */ @media (min-width: 768px) { /* LEFT GALLERY — TWO 2:3 IMAGES PER ROW */ .template-product .product-media-collage { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 0 !important; row-gap: 0 !important; column-gap: 0 !important; } /* EACH IMAGE OCCUPIES ONE HALF */ .template-product .product-media-collage__item { width: 100% !important; max-width: none !important; grid-column: auto !important; margin: 0 !important; padding: 0 !important; } /* REMOVE ALL INTERNAL GAPS */ .template-product .product-media-collage__item > a, .template-product .product-media-wrapper, .template-product .product-media, .template-product .product-media .img-ar { display: block !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; line-height: 0 !important; } /* KEEP ORIGINAL 2:3 IMAGE PROPORTIONS */ .template-product .product-media-collage__item img { display: block !important; width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; } /* RIGHT PRODUCT INFO — STAYS PUT WHILE IMAGES SCROLL */ .template-product .product-form { position: sticky !important; top: 118px !important; align-self: flex-start !important; height: fit-content !important; } }/* ================================================== PRODUCT PAGE ACCORDIONS — PERMANENT TYPOGRAPHY Shipping & Returns / Size Guide / Fabric & Care ================================================== */ .template-product .disclosure__title, .template-product .disclosure__title *, .template-product summary .disclosure__title, .template-product summary .disclosure__title * { font-family: Baskerville, "Baskerville Old Face", Georgia, serif !important; font-size: 11px !important; font-weight: 400 !important; font-style: normal !important; line-height: 1.2 !important; letter-spacing: 0.09em !important; text-transform: uppercase !important; color: #56392B !important; }/* ================================================== FOOTER NEWSLETTER TEXT — PERMANENT ================================================== */ .section-footer__newsletter-block .section-footer__text, .section-footer__newsletter-block .section-footer__text p { color: #ffffff !important; }/* ================================================== FEATURED COLLECTION PRODUCT CARDS PERMANENT COLOR FIX — ALL PAGES / ALL LOCATIONS ================================================== */ .section-featured-collection .product-block { color: inherit !important; } .section-featured-collection .product-block__detail, .section-featured-collection .product-block__detail *, .section-featured-collection .product-block__title, .section-featured-collection .product-price, .section-featured-collection .product-price *, .section-featured-collection .product-block__subtitle { color: inherit !important; }/* ================================================== COLLECTION PAGINATION — FINAL TYPOGRAPHY + ARROWS ================================================== */ .pagination { display: flex !important; justify-content: center !important; align-items: center !important; gap: 9px !important; } /* ALL PAGE NUMBERS + NAV LINKS */ .pagination, .pagination a, .pagination span, .pagination .pagination__link, .pagination .pagination__number { font-family: Baskerville, "Baskerville Old Face", Georgia, serif !important; font-size: 14px !important; font-weight: 400 !important; font-style: normal !important; line-height: 1 !important; letter-spacing: 0 !important; color: #56392B !important; } /* PREVIOUS / NEXT — HIDE WORDS */ .pagination .pagination__prev, .pagination .pagination__next { font-size: 0 !important; text-decoration: none !important; margin: 0 3px !important; } /* SIMPLE ARROWS */ .pagination .pagination__prev::before { content: "‹"; font-family: Baskerville, "Baskerville Old Face", Georgia, serif !important; font-size: 18px !important; } .pagination .pagination__next::after { content: "›"; font-family: Baskerville, "Baskerville Old Face", Georgia, serif !important; font-size: 18px !important; } /* CURRENT PAGE */ .pagination .pagination__number.underline--not-link { text-decoration: underline !important; text-underline-offset: 3px !important; } /* OTHER PAGE NUMBERS */ .pagination .pagination__number a { text-decoration: none !important; } /* HOVER */ .pagination .pagination__number a:hover { text-decoration: underline !important; text-underline-offset: 3px !important; }/* ================================================== PRODUCT PAGE — FULL-WIDTH DESKTOP LAYOUT 2-UP GALLERY LEFT / STICKY INFO RIGHT ================================================== */ @media (min-width: 768px) { /* Remove Shopify's centered/max-width container from the main product page only */ .section-main-product > product-form.product-info.container { width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } /* Gallery occupies roughly 62% of screen */ .section-main-product .product-column-left { width: 62% !important; max-width: 62% !important; flex: 0 0 62% !important; margin: 0 !important; padding: 0 !important; } /* Product information occupies remaining 38% */ .section-main-product .product-column-right { width: 38% !important; max-width: 38% !important; flex: 0 0 38% !important; margin: 0 !important; box-sizing: border-box !important; padding-left: 48px !important; padding-right: 48px !important; } /* Make sure gallery itself fills its column */ .section-main-product .media-gallery, .section-main-product .media-gallery__inner, .section-main-product .product-media-collage { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } }