/** Shopify CDN: Minification failed Line 290:150 Unexpected "}" **/ .jas_title_1 { line-height: 40px; } @media (min-width: 992px) { tr.order-total th { color: grey; } } @media (min-width: 768px) and (max-width: 991px) { tr.order-total th { color: grey; } } @media (min-width: 481px) and (max-width: 767px) { } @media (max-width: 480px) { } /* ===== SEO: Visually hidden H1 on banner ===== */ .caption h1.tu { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; } /* ===== FOOTER: Dark charcoal theme ===== */ #jas-footer, .jas-footer { background-color: #1a1a1a !important; background-image: none !important; } #jas-footer *, .jas-footer * { color: #d8d8d8 !important; } #jas-footer a:hover, .jas-footer a:hover { color: #b59677 !important; } #jas-footer h4, #jas-footer .widget-title { color: #ffffff !important; letter-spacing: 0.1em !important; font-size: 11px !important; text-transform: uppercase !important; } #jas-footer .copyright, .footer-copyright { background-color: #111111 !important; border-top: 1px solid #2a2a2a !important; } /* ===== HEADER: Subtle shadow ===== */ #jas-header, .jas-header, header { box-shadow: 0 1px 8px rgba(0,0,0,0.06) !important; } /* ===== SECTION TITLES ===== */ .jas_title, .jas_title_1 { font-size: 13px !important; letter-spacing: 0.25em !important; font-weight: 500 !important; } .jas_title::before, .jas_title::after, .jas_title_1::before, .jas_title_1::after { background: #c8c8c8 !important; height: 1px !important; } .jas_sub_title { font-size: 13px !important; color: #888888 !important; letter-spacing: 0.05em !important; margin-top: 8px !important; } /* ===== COLLECTION CATEGORY TILES ===== */ /* Hide the empty overlay link (jas-cat-url-overlay) that was causing white boxes */ a.jas-cat-url-overlay { display: none !important; } /* Style the VIEW PRODUCTS button - only non-overlay links */ .jas-cat-content .hover-wrap a:not(.jas-cat-url-overlay), .jas-cat-content a:not(.jas-cat-url-overlay) { display: inline-block !important; margin-top: 10px !important; padding: 7px 20px !important; border: 1px solid #1a1a1a !important; background: transparent !important; color: #1a1a1a !important; font-size: 10px !important; letter-spacing: 0.16em !important; text-transform: uppercase !important; text-decoration: none !important; transition: background 0.25s, color 0.25s !important; } .jas-cat-content .hover-wrap a:not(.jas-cat-url-overlay):hover, .jas-cat-content a:not(.jas-cat-url-overlay):hover { background: #1a1a1a !important; color: #ffffff !important; } /* ===== CATEGORY TILE TITLE TYPOGRAPHY ===== */ .jas_cat_alt .cat_title, .jas-cat-content .cat_title { font-size: 13px !important; letter-spacing: 0.1em !important; font-weight: 500 !important; margin-top: 14px !important; } /* ===== CATEGORY TILES: Alternative selectors ===== */ .jas-sc-wc-categories .nt_a, .categories-style-default .cat_des a, .nt_cat .nt_a { display: inline-block !important; margin-top: 12px !important; padding: 8px 22px !important; border: 1px solid #1a1a1a !important; background: transparent !important; color: #1a1a1a !important; font-size: 10px !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; text-decoration: none !important; transition: background 0.25s, color 0.25s !important; } .jas-sc-wc-categories .nt_a:hover, .categories-style-default .cat_des a:hover, .nt_cat .nt_a:hover { background: #1a1a1a !important; color: #ffffff !important; } /* ===== VIEW MORE / LOAD MORE BUTTON ===== */ .nt_btn_load_more, .btn-load-more, a.nt_btn, .view_more_btn { display: inline-block !important; padding: 12px 40px !important; border: 1px solid #1a1a1a !important; background: transparent !important; color: #1a1a1a !important; font-size: 10px !important; letter-spacing: 0.2em !important; text-transform: uppercase !important; text-decoration: none !important; border-radius: 0 !important; box-shadow: none !important; transition: background 0.25s, color 0.25s !important; } .nt_btn_load_more:hover, .btn-load-more:hover, a.nt_btn:hover, .view_more_btn:hover { background: #1a1a1a !important; color: #ffffff !important; } /* ===== ANNOUNCEMENT BAR ===== */ .nt_top_bar, .announcement-bar, #jas-topbar { font-size: 11px !important; letter-spacing: 0.15em !important; font-weight: 400 !important; } /* ===== PRESS LOGOS: Subtle desaturation ===== */ .jas_brand img, .brand-logo img { filter: grayscale(100%) !important; opacity: 0.55 !important; transition: opacity 0.3s, filter 0.3s !important; } .jas_brand img:hover, .brand-logo img:hover { opacity: 0.85 !important; filter: grayscale(60%) !important; } /* ===== VIEW MORE BUTTON (button-o class) ===== */ a.button-o { display: inline-block !important; padding: 12px 40px !important; border: 1px solid #1a1a1a !important; background: transparent !important; color: #1a1a1a !important; font-size: 10px !important; letter-spacing: 0.2em !important; text-transform: uppercase !important; text-decoration: none !important; border-radius: 0 !important; box-shadow: none !important; transition: background 0.25s, color 0.25s !important; } a.button-o:hover { background: #1a1a1a !important; color: #ffffff !important; } /* ===== PRODUCT GRID: Hover lift effect ===== */ .nt_col .nt_pr, .nt_pr { transition: transform 0.28s, box-shadow 0.28s !important; } .nt_col .nt_pr:hover, .nt_pr:hover { transform: translateY(-4px) !important; box-shadow: 0 10px 28px rgba(0,0,0,0.09) !important; } /* ===== HERO BANNER: Text firmly on left, clear of model ===== */ /* Position the caption-wrap absolutely on the left side */ #shopify-section-1512373313144 .caption-wrap { position: absolute !important; left: 5% !important; top: 50% !important; transform: translateY(-50%) !important; width: 42% !important; padding: 0 !important; text-align: left !important; box-sizing: border-box !important; } #shopify-section-1512373313144 .caption { text-align: left !important; } /* Main headline */ #shopify-section-1512373313144 .tu.fs__50 { font-size: 26px !important; line-height: 1.15 !important; font-style: italic !important; letter-spacing: -0.01em !important; font-family: Georgia, 'Times New Roman', serif !important; color: #1a1008 !important; text-transform: none !important; margin-bottom: 10px !important; } /* Body/content text */ #shopify-section-1512373313144 .caption .text-content, #shopify-section-1512373313144 .caption p, #shopify-section-1512373313144 .nt_section { font-size: 12px !important; letter-spacing: 0.03em !important; color: rgba(26,16,8,0.65) !important; font-style: italic !important; line-height: 1.75 !important; } /* ===== MOBILE: Keep text on left, smaller sizes ===== */ @media (max-width: 767px) { #shopify-section-1512373313144 .caption-wrap { position: absolute !important; left: 4% !important; top: 50% !important; transform: translateY(-50%) !important; width: 44% !important; padding: 0 !important; text-align: left !important; box-sizing: border-box !important; } #shopify-section-1512373313144 .caption { text-align: left !important; } #shopify-section-1512373313144 .tu.fs__50 { font-size: 14px !important; line-height: 1.2 !important; margin-bottom: 4px !important; } #shopify-section-1512373313144 .caption .text-content, #shopify-section-1512373313144 .caption p, #shopify-section-1512373313144 .nt_section { font-size: 9px !important; line-height: 1.4 !important; margin-bottom: 4px !important; } #shopify-section-1512373313144 .caption a.button, #shopify-section-1512373313144 .caption a.btn { padding: 5px 10px !important; font-size: 8px !important; letter-spacing: 0.06em !important; display: inline-block !important; width: auto !important; } } .jas_custom_1575910902764 { margin-top: 25px !important; margin-bottom: 25px !important; } #shopify-section-1575910902764 .jas_title_1.mb__40 { margin-bottom: 15px !important; } .type_jas_brand img { filter: grayscale(100%) !important; opacity: 0.7 !important; transition: opacity 0.3s, filter 0.3s !important; } }