/* Theme Name: Twenty Twenty-Five Theme URI: https://wordpress.org/themes/twentytwentyfive/ Author: the WordPress team Author URI: https://wordpress.org Description: Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide. Requires at least: 6.7 Tested up to: 7.0 Requires PHP: 7.2 Version: 1.5.5 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: twentytwentyfive Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news */ /* * IMPORTANT: This file is only served on the frontend when `SCRIPT_DEBUG` is enabled; * in most instances, the `style.min.css` file will be served. It is not recommended that you * use the Theme File Editor to modify this stylesheet. Instead, add the necessary style * overrides via "Additional CSS" in the Site Editor. */ /* * Link styles * https://github.com/WordPress/gutenberg/issues/42319 */ a { text-decoration-thickness: 1px !important; text-underline-offset: .1em; } /* Focus styles */ :where(.wp-site-blocks *:focus) { outline-width: 2px; outline-style: solid; } /* Avoid persistent boxes after pointer clicks while retaining keyboard focus. */ :where(.wp-site-blocks *:focus:not(:focus-visible)) { outline: none; } :where(.wp-site-blocks *:focus-visible) { outline: 2px solid var(--bjt-terra, currentColor); outline-offset: 3px; } /* Increase the bottom margin on submenus, so that the outline is visible. */ .wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) { margin-bottom: 3px; } /* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */ .wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content { outline-offset: 4px; } /* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */ .wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content { outline-offset: 0; } /* * Progressive enhancement to reduce widows and orphans * https://github.com/WordPress/gutenberg/issues/55190 */ h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p { text-wrap: pretty; } /* * Change the position of the more block on the front, by making it a block level element. * https://github.com/WordPress/gutenberg/issues/65934 */ .more-link { display: block; } /* * Prevents unnecessary scrollbars while handling long lines of preformatted text. * https://core.trac.wordpress.org/ticket/63875 */ :where(pre) { overflow-x: auto; } /* Bin Junaid bedding storefront */ :root { --bjt-ink: #242019; --bjt-cream: #f7f2e9; --bjt-sand: #e8dccb; --bjt-terra: #a5533f; --bjt-olive: #4f5844; --bjt-line: rgba(36, 32, 25, .14); --bjt-shadow: 0 24px 70px rgba(40, 27, 18, .13); } html { scroll-behavior: smooth; } body { color: var(--bjt-ink); } body.bjt-drawer-open { overflow: hidden; } :root :where(.is-layout-flow) > * { margin-block-start: 0 !important; } .editor-styles-wrapper { color: var(--bjt-ink); } .editor-styles-wrapper .bjt-cart-drawer, .editor-styles-wrapper .bjt-drawer-backdrop, .editor-styles-wrapper #bjt-size-guide { display: none !important; } .editor-styles-wrapper .bjt-header { position: relative; top: auto; } .editor-styles-wrapper .bjt-icon-button { pointer-events: none; } /* Remove the global block gap between the site shell, header, main and footer. */ :where(.wp-site-blocks) > .wp-block-template-part, :where(.wp-site-blocks) > main, :where(.wp-site-blocks) > footer, :where(.wp-site-blocks) > .bjt-home, :where(.wp-site-blocks) > .bjt-header, :where(.wp-site-blocks) > .bjt-footer { margin-block-start: 0 !important; margin-block-end: 0 !important; } .wp-site-blocks { padding-bottom: 0; padding-top: 0; } a { transition: color .2s ease, opacity .2s ease, background-color .2s ease, transform .2s ease; } .wp-block-site-title { display: none !important; } .bjt-eyebrow { margin: 0 0 12px; color: var(--bjt-terra); font-size: .72rem; font-weight: 750; letter-spacing: .16em; line-height: 1.2; text-transform: uppercase; } .bjt-home h1, .bjt-home h2, .bjt-shop-page h1, .bjt-product-page .product_title, .bjt-footer h2 { font-family: Georgia, 'Times New Roman', serif; font-weight: 400; letter-spacing: -.035em; line-height: 1.03; } .bjt-home h2 { font-size: clamp(2.25rem, 4vw, 4rem); } .bjt-button, .bjt-home .wp-block-button__link { align-items: center; border: 1px solid var(--bjt-ink); border-radius: 0; display: inline-flex; justify-content: center; min-height: 50px; padding: 12px 25px; text-decoration: none; } .bjt-button--dark, .bjt-home .wp-block-button:not(.is-style-outline) .wp-block-button__link { background: var(--bjt-ink); color: #fff; } .bjt-button--outline { background: transparent; color: var(--bjt-ink); } .bjt-button:hover, .bjt-home .wp-block-button__link:hover { opacity: .86; transform: translateY(-2px); } .bjt-announcement { align-items: center; background: var(--bjt-ink); color: #fff; display: flex; font-size: .72rem; font-weight: 600; gap: 22px; justify-content: center; letter-spacing: .035em; min-height: 36px; padding: 7px 20px; text-align: center; } .bjt-announcement a { color: #fff; } .bjt-header { background: rgba(255, 255, 255, .96); border-bottom: 1px solid var(--bjt-line); position: sticky; top: 0; z-index: 50; } .admin-bar .bjt-header { top: 32px; } .bjt-header__inner { box-sizing: border-box; gap: 25px; min-height: 78px; padding-bottom: 12px; padding-top: 12px; width: min(1340px, calc(100% - 48px)); } .bjt-header .custom-logo { height: auto; width: 64px; } .bjt-wordmark { font-family: Georgia, 'Times New Roman', serif; font-size: 1.3rem; font-weight: 600; white-space: nowrap; } .bjt-main-nav { flex: 1; font-size: .86rem; font-weight: 600; letter-spacing: .02em; } .bjt-main-nav .wp-block-navigation-item__content { text-decoration: none; } .bjt-main-nav .current-menu-item > a, .bjt-main-nav a:hover { color: var(--bjt-terra); } .bjt-header-actions { align-items: center; display: flex; gap: 5px; } .bjt-currency-switcher { margin: 0 8px 0 0 !important; position: relative; } .bjt-header .bjt-currency-switcher { align-items: center !important; align-self: center !important; display: inline-flex; flex: 0 0 auto; height: 40px; inset-block: auto; line-height: 1 !important; vertical-align: middle; } .bjt-currency-switcher select { appearance: none; background: transparent; border: 0; border-radius: 8px; color: var(--bjt-ink); cursor: pointer; font-size: .68rem; font-weight: 700; min-height: 40px; padding: 7px 29px 7px 9px; transition: background-color .2s ease; } .bjt-header .bjt-currency-switcher select { height: 40px; line-height: 1; margin: 0; vertical-align: middle; } .bjt-currency-switcher::after { border-bottom: 1.5px solid currentColor; border-right: 1.5px solid currentColor; content: ''; height: 6px; pointer-events: none; position: absolute; right: 10px; top: 50%; transform: translateY(-65%) rotate(45deg); width: 6px; } .bjt-currency-switcher select:hover, .bjt-currency-switcher select:focus { background: var(--bjt-cream); box-shadow: none; outline: 0; } .bjt-icon-button { align-items: center; background: none; border: 0; border-radius: 50%; color: var(--bjt-ink); cursor: pointer; display: inline-flex; height: 44px; justify-content: center; padding: 9px; position: relative; text-decoration: none; width: 44px; } .bjt-icon-button:hover { background: var(--bjt-cream); } .bjt-icon-button svg { display: block; fill: none; height: 23px; pointer-events: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; width: 23px; } .bjt-header-actions .bjt-icon-button > span:not(.bjt-cart-count) { display: none !important; } .bjt-cart-count { align-items: center; background: var(--bjt-terra); border: 2px solid #fff; border-radius: 999px; box-sizing: border-box; color: #fff; display: inline-flex; font-size: .58rem; font-weight: 750; height: 19px; justify-content: center; line-height: 1; min-width: 19px; padding: 0 4px; position: absolute; right: 0; top: 1px; } .bjt-cart-count[hidden] { display: none !important; } /* Site Editor header overrides can retain Woo's native controls. Our single drawer trigger replaces them. */ .bjt-header .wp-block-woocommerce-customer-account, .bjt-header .wp-block-woocommerce-mini-cart { display: none !important; } .bjt-hero { background-color: #17130f !important; isolation: isolate; margin-block: 0 !important; overflow: hidden; position: relative; } .wp-block-cover.bjt-hero::before { display: none !important; } body:not(.editor-styles-wrapper) .wp-block-cover.bjt-hero .wp-block-cover__image-background, .wp-block-cover.bjt-hero .wp-block-cover__image-background { display: block !important; inset: 0 !important; opacity: 1 !important; position: absolute !important; transform: none !important; visibility: visible !important; z-index: 2 !important; } .wp-block-cover.bjt-hero .wp-block-cover__background { background: linear-gradient(90deg, rgba(25, 17, 12, .68) 0%, rgba(25, 17, 12, .3) 48%, rgba(25, 17, 12, .05) 78%); inset: 0; opacity: 1 !important; position: absolute; z-index: 1 !important; } .wp-block-cover.bjt-hero .wp-block-cover__inner-container { position: relative; z-index: 2 !important; } .bjt-hero__content { color: #fff; margin-left: max(0px, calc((100vw - 1340px) / 2)); padding: 90px 0; } .bjt-hero__content .bjt-eyebrow { color: #f1c6ac; } .bjt-hero h1 { font-size: clamp(3.3rem, 7vw, 6.8rem); margin: 0 0 22px; max-width: 720px; } .bjt-hero p.has-large-font-size { line-height: 1.55; max-width: 570px; } .bjt-hero .wp-block-buttons { gap: 12px; margin-top: 32px; } .bjt-hero .is-style-outline .wp-block-button__link { border-color: rgba(255,255,255,.7); color: #fff; } .bjt-benefits { background: var(--bjt-cream); border-bottom: 1px solid var(--bjt-line); padding: 28px 0; } .bjt-benefits > .alignwide { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } .bjt-benefits .alignwide { gap: 0; } .bjt-benefits p { border-right: 1px solid var(--bjt-line); box-sizing: border-box; font-size: .83rem; margin: 0; min-width: 0; padding: 8px clamp(20px, 2.3vw, 38px); } .bjt-benefits p:first-child { padding-left: 0; } .bjt-benefits p:last-child { border: 0; } .bjt-benefits small { color: #716a61; } .bjt-benefits small { display: block; padding-left: 35px; } .bjt-benefits strong { align-items: center; display: flex; font-size: .82rem; gap: 11px; line-height: 1.35; margin-bottom: 6px; } .bjt-benefits strong svg { fill: none; flex: 0 0 24px; height: 24px; stroke: var(--bjt-terra); stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.55; width: 24px; } .bjt-benefits > .alignwide, .bjt-shop-by, .bjt-products, .bjt-testimonials, .bjt-story > .wp-block-columns { box-sizing: border-box; margin-left: auto !important; margin-right: auto !important; max-width: 1340px !important; width: min(1340px, calc(100% - 60px)) !important; } .bjt-section { padding-bottom: clamp(70px, 9vw, 130px); padding-top: clamp(70px, 9vw, 130px); padding-left: 0px; padding-right: 0px; } .bjt-section-heading { align-items: flex-end; border-bottom: 1px solid var(--bjt-line); margin-bottom: 38px; padding-bottom: 25px; width: 100%; } .bjt-section-heading > .wp-block-group { flex: 1 1 640px; } .bjt-section-heading h2 { margin: 0; } .bjt-section-heading a { color: var(--bjt-ink); font-size: .82rem; font-weight: 700; } /* Constrained groups otherwise force these inner rows back to theme.json's 645px content width. */ .bjt-shop-by > .bjt-section-heading, .bjt-shop-by > .bjt-size-cards, .bjt-products > .bjt-section-heading, .bjt-products > .wc-block-grid, .bjt-products > .woocommerce, .bjt-products > .products, .bjt-testimonials > .wp-block-columns { max-width: none !important; width: 100% !important; } .bjt-size-cards { gap: 18px; } .bjt-size-cards .wp-block-column { background: #33271f url('assets/images/bedsheet-hero.webp') center / cover no-repeat; border: 1px solid transparent; min-height: 290px; overflow: hidden; position: relative; transition: border-color .25s ease, transform .25s ease; } .bjt-size-cards .wp-block-column:nth-child(1) { background-position: 55% center; } .bjt-size-cards .wp-block-column:nth-child(2) { background-position: 72% center; } .bjt-size-cards .wp-block-column:nth-child(3) { background-position: 92% center; } .bjt-size-cards .wp-block-column::after { background: linear-gradient(180deg, rgba(24,18,13,.06) 20%, rgba(24,18,13,.82) 100%); content: ''; inset: 0; pointer-events: none; position: absolute; } .bjt-size-cards .wp-block-column:hover { border-color: var(--bjt-terra); transform: translateY(-5px); } .bjt-size-cards a { box-sizing: border-box; color: #fff; display: flex; flex-direction: column; height: 100%; justify-content: flex-end; min-height: 290px; padding: 32px; position: relative; text-decoration: none; z-index: 1; } .bjt-size-cards span { color: #f0b899; font-size: .73rem; letter-spacing: .12em; } .bjt-size-cards h3 { font-family: Georgia, serif; font-size: 2.15rem; font-weight: 400; line-height: 1.1; margin: auto 0 8px; } .bjt-size-cards p { color: rgba(255,255,255,.78); font-size: .83rem; margin: 0; } .bjt-products { padding-top: 20px; } .bjt-products-empty { background: var(--bjt-cream); color: #716a61; padding: 55px 30px; text-align: center; } .bjt-products ul.products, .bjt-shop-page ul.products { display: grid; gap: 36px 22px; grid-template-columns: repeat(4, minmax(0, 1fr)); list-style: none; margin: 0; padding: 0; } .bjt-products ul.products::before, .bjt-products ul.products::after, .bjt-shop-page ul.products::before, .bjt-shop-page ul.products::after { display: none; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { float: none; margin: 0; width: auto; } .bjt-products ul.products li.product { display: flex; flex-direction: column; float: none; list-style: none; margin: 0; min-width: 0; position: relative; width: auto; } .bjt-products ul.products li.product > a.woocommerce-LoopProduct-link { color: var(--bjt-ink); display: block; text-decoration: none; } .woocommerce ul.products li.product a img { aspect-ratio: 4 / 5; background: var(--bjt-cream); margin: 0 0 18px; object-fit: cover; transition: transform .35s ease; } .bjt-products ul.products li.product a img { aspect-ratio: 4 / 5; display: block; height: auto; margin: 0 0 18px; object-fit: cover; width: 100%; } .woocommerce ul.products li.product:hover a img { transform: scale(1.015); } .woocommerce ul.products li.product .woocommerce-loop-product__title { color: var(--bjt-ink); font-size: .95rem; font-weight: 650; padding: 0; } .bjt-products ul.products li.product .woocommerce-loop-product__title { color: var(--bjt-ink); font-family: inherit; font-size: clamp(.95rem, 1.15vw, 1.08rem); font-weight: 650; letter-spacing: -.01em; line-height: 1.35; margin: 0 0 8px; padding: 0; text-decoration: none; } .woocommerce ul.products li.product .price { color: #75695e; font-size: .84rem; } .bjt-products ul.products li.product .price { color: #6f675e; display: block; font-size: .88rem; line-height: 1.4; margin: 0 0 14px; } .bjt-products ul.products li.product .price del { color: #9b948b; margin-right: 6px; opacity: 1; } .bjt-products ul.products li.product .price ins { color: var(--bjt-ink); font-weight: 700; text-decoration: none; } .woocommerce ul.products li.product .star-rating { color: var(--bjt-terra); font-size: .75rem; } .woocommerce ul.products li.product .button { background: transparent; border-bottom: 1px solid var(--bjt-ink); border-radius: 0; color: var(--bjt-ink); font-size: .75rem; letter-spacing: .06em; margin-top: 8px; padding: 5px 0; text-transform: uppercase; } .bjt-products ul.products li.product .button { align-items: center; align-self: flex-start; background: var(--bjt-ink); border: 1px solid var(--bjt-ink); border-radius: 0; box-sizing: border-box; color: #fff; display: inline-flex; font-size: .72rem; font-weight: 700; justify-content: center; letter-spacing: .07em; margin: auto 0 0; min-height: 46px; min-width: 145px; padding: 12px 20px; position: relative; text-decoration: none; text-transform: uppercase; } .bjt-products ul.products li.product .button:hover { background: var(--bjt-terra); border-color: var(--bjt-terra); color: #fff; } .bjt-products ul.products li.product .button.is-loading { color: transparent !important; cursor: wait; pointer-events: none; } .bjt-products ul.products li.product .button.is-loading::after { animation: bjt-spin .7s linear infinite; border: 2px solid rgba(255,255,255,.4); border-radius: 50%; border-top-color: #fff; content: ''; height: 16px; left: calc(50% - 10px); position: absolute; top: calc(50% - 10px); width: 16px; } .bjt-products ul.products li.product .added_to_cart { display: none; } .woocommerce ul.products li.product .star-rating, .bjt-products ul.products li.product .star-rating, .bjt-shop-page ul.products li.product .star-rating { color: #b25b39; display: block; font-family: Arial, sans-serif; font-size: 17px; height: 1.2em; letter-spacing: 2px; line-height: 1; margin: 10px 0 9px; overflow: hidden; position: relative; text-align: left; width: 6.1em; } .woocommerce ul.products li.product .star-rating::before, .bjt-products ul.products li.product .star-rating::before, .bjt-shop-page ul.products li.product .star-rating::before { color: #d8d0c7; content: '★★★★★'; left: 0; position: absolute; top: 0; } .woocommerce ul.products li.product .star-rating span, .bjt-products ul.products li.product .star-rating span, .bjt-shop-page ul.products li.product .star-rating span { font-size: 0; height: 100%; left: 0; overflow: hidden; padding-top: 0; position: absolute; top: 0; } .woocommerce ul.products li.product .star-rating span::before, .bjt-products ul.products li.product .star-rating span::before, .bjt-shop-page ul.products li.product .star-rating span::before { color: #b25b39; content: '★★★★★'; font-size: 17px; left: 0; letter-spacing: 2px; position: absolute; top: 0; white-space: nowrap; } .bjt-products ul.products li.product > .onsale { left: 12px; right: auto; top: 12px; } .onsale { background: var(--bjt-terra) !important; border-radius: 2px !important; color: #fff !important; font-size: .64rem !important; font-weight: 750 !important; letter-spacing: .07em; line-height: 1 !important; min-height: 0 !important; padding: 9px 11px !important; text-transform: uppercase; } .bjt-products ul.products li.product > .bjt-sale-badge, .bjt-shop-page ul.products li.product > .bjt-sale-badge, .bjt-products ul.products li.product .woocommerce-LoopProduct-link > .bjt-sale-badge, .bjt-shop-page ul.products li.product .woocommerce-LoopProduct-link > .bjt-sale-badge { backdrop-filter: blur(5px); background: rgba(166,73,44,.94) !important; border: 1px solid rgba(255,255,255,.65); border-radius: 999px !important; box-shadow: 0 6px 18px rgba(54,37,27,.2); left: 14px !important; margin: 0 !important; padding: 8px 12px !important; position: absolute !important; right: auto !important; top: 14px !important; z-index: 3; } .bjt-products ul.products li.product, .bjt-shop-page ul.products li.product { background: #fff; } .bjt-products ul.products li.product > a.woocommerce-LoopProduct-link, .bjt-shop-page ul.products li.product > a.woocommerce-LoopProduct-link { margin-bottom: 2px; position: relative; } .bjt-products ul.products li.product a img, .bjt-shop-page ul.products li.product a img { border: 1px solid #eee9e3; box-sizing: border-box; } .bjt-products ul.products li.product .woocommerce-loop-product__title, .bjt-shop-page ul.products li.product .woocommerce-loop-product__title { min-height: 2.7em; } .bjt-products ul.products li.product .price, .bjt-shop-page ul.products li.product .price { align-items: baseline; display: flex; flex-wrap: wrap; min-height: 1.4em; } .bjt-products ul.products li.product .button, .bjt-shop-page ul.products li.product .button { min-height: 44px; min-width: 142px; padding: 11px 18px; } @keyframes bjt-spin { to { transform: rotate(360deg); } } .bjt-story { background: var(--bjt-olive); color: #fff; padding: clamp(70px, 9vw, 130px) 0; } .bjt-story .wp-block-columns { gap: 9vw; } .bjt-story .bjt-eyebrow { color: #eac3a8; } .bjt-story .wp-block-quote { border: 0; margin: 0; padding: 0; } .bjt-story .wp-block-quote p { font-family: Georgia, serif; font-size: clamp(2rem, 3.5vw, 3.7rem); line-height: 1.12; } .bjt-story .wp-block-button__link { background: #fff !important; color: var(--bjt-ink) !important; } .bjt-testimonials > h2 { margin-left: auto; margin-right: auto; max-width: 820px; } .bjt-testimonials .wp-block-columns { gap: 18px; margin-top: 45px; } .bjt-testimonials .wp-block-column { background: var(--bjt-cream); box-sizing: border-box; min-width: 0; padding: clamp(26px, 3vw, 42px); } .bjt-testimonials blockquote { margin: 15px 0 0; } .bjt-testimonials blockquote p { font-family: Georgia, serif; font-size: clamp(1.05rem, 1.35vw, 1.35rem); line-height: 1.48; } .bjt-testimonials cite { color: #6c655d; display: block; font-size: .75rem; font-style: normal; line-height: 1.65; margin-top: 24px; } .bjt-stars { color: var(--bjt-terra); font-size: .8rem; letter-spacing: .18em; } .bjt-footer { background: #221f1a; color: #eee7dc; padding: 0 0 28px; } .bjt-footer, .bjt-footer p, .bjt-footer a, .bjt-footer li { font-size: .84rem; line-height: 1.65; } .bjt-footer a { color: inherit; overflow-wrap: anywhere; } .bjt-footer__newsletter { border-bottom: 1px solid rgba(255,255,255,.15); gap: 30px; padding-bottom: 48px; padding-top: 55px; } .bjt-footer__newsletter h2 { color: #fff; font-size: clamp(2rem, 4vw, 3.5rem); margin: 0; } .bjt-footer__newsletter p { color: #bdb5aa; font-size: .86rem; } .bjt-newsletter { border-bottom: 1px solid rgba(255,255,255,.6); display: flex; min-width: min(100%, 420px); } .bjt-newsletter input { background: transparent; border: 0; color: #fff; flex: 1; font: inherit; font-size: .86rem; outline: 0; padding: 15px 4px; } .bjt-newsletter button { background: transparent; border: 0; color: #fff; cursor: pointer; font: inherit; font-size: .75rem; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; } .bjt-footer__grid { align-items: flex-start; gap: clamp(32px, 5vw, 70px); padding-bottom: 60px; padding-top: 60px; } .bjt-footer__grid > .wp-block-column { min-width: 0; } .bjt-footer__grid > .wp-block-column:last-child { flex-basis: 190px; } .bjt-footer__grid .wp-block-column:first-child p { color: #bdb5aa; font-size: .85rem; max-width: 380px; } .bjt-footer .wp-block-social-links { gap: 10px; margin-top: 20px; } .bjt-footer .wp-block-social-link { align-items: center; background: rgba(255,255,255,.07) !important; border: 1px solid rgba(255,255,255,.28); border-radius: 50%; display: inline-flex; font-size: 20px; height: 40px; justify-content: center; margin: 0; transition: background-color .2s ease, border-color .2s ease, transform .2s ease; width: 40px; } .bjt-footer .wp-block-social-link:hover { background: var(--bjt-terra) !important; border-color: var(--bjt-terra); transform: translateY(-2px); } .bjt-footer .wp-block-social-link a { align-items: center; display: flex; height: 100%; justify-content: center; padding: 0; width: 100%; } .bjt-footer .wp-block-social-link svg { display: block; height: 20px; width: 20px; } .bjt-footer h4 { color: #fff; font-size: .75rem; letter-spacing: .1em; text-transform: uppercase; } .bjt-footer ul:not(.wp-block-social-links) { list-style: none; padding: 0; } .bjt-footer ul:not(.wp-block-social-links) li { color: #c9c0b4; font-size: .82rem; margin: 10px 0; } .bjt-footer__grid > .wp-block-column:last-child p, .bjt-footer__grid > .wp-block-column:last-child a { font-size: .82rem !important; line-height: 1.75; } .bjt-footer__bottom { border-top: 1px solid rgba(255,255,255,.15); color: #9f978e; padding-top: 25px; } .bjt-footer > .alignwide { box-sizing: border-box; width: min(100% - 48px, 1340px) !important; } .bjt-shop-page { padding-bottom: 100px; } .bjt-shop-hero { background: var(--bjt-cream); margin-bottom: 42px; margin-top: 0; max-width: none !important; padding: clamp(65px, 9vw, 120px) max(30px, calc((100vw - 1340px) / 2)); } .bjt-shop-hero h1 { font-size: clamp(3rem, 6vw, 6rem); margin: 0; } .bjt-shop-hero > p:last-child { color: #6e655b; max-width: 680px; } .bjt-collection-tools { align-items: flex-end; border-bottom: 1px solid var(--bjt-line); gap: 30px; margin-bottom: 38px; padding: 0 0 28px; width: min(1340px, calc(100% - 60px)); } .bjt-collection-tools h2 { font-family: Georgia, serif; font-size: clamp(1.8rem, 3vw, 2.8rem); font-weight: 400; letter-spacing: -.03em; margin: 0; } .bjt-product-search { flex: 0 1 420px; width: 100%; } .bjt-product-search form { display: flex; margin: 0; position: relative; } .bjt-product-search input[type='search'] { background: #fff; border: 1px solid var(--bjt-line); border-radius: 0; box-sizing: border-box; font: inherit; font-size: .82rem; min-height: 50px; padding: 10px 118px 10px 15px; width: 100%; } .bjt-product-search input[type='search']:focus { border-color: var(--bjt-terra); box-shadow: 0 0 0 2px rgba(178,91,57,.1); outline: 0; } .bjt-product-search button { background: var(--bjt-ink); border: 0; bottom: 0; color: #fff; cursor: pointer; font-size: .7rem; font-weight: 700; letter-spacing: .06em; padding: 0 20px; position: absolute; right: 0; text-transform: uppercase; top: 0; } .bjt-shop-page > .woocommerce { display: grid; gap: 0 38px; grid-template-columns: 270px minmax(0, 1fr); max-width: 1340px !important; width: min(1340px, calc(100% - 60px)) !important; } .bjt-shop-page > .content-area { max-width: 1340px !important; width: min(1340px, calc(100% - 60px)) !important; } .bjt-shop-page > .content-area > main.site-main { display: grid !important; gap: 0 38px; grid-template-columns: 270px minmax(0, 1fr); width: 100%; } .bjt-shop-page > .content-area > main.site-main > .woocommerce-breadcrumb, .bjt-shop-page > .content-area > main.site-main > .woocommerce-products-header, .bjt-shop-page > .content-area > main.site-main > .woocommerce-notices-wrapper { grid-column: 1 / -1; } .bjt-shop-page > .content-area > main.site-main > .bjt-catalog-filters { grid-column: 1; grid-row: 3 / span 4; } .bjt-shop-page > .content-area > main.site-main > .woocommerce-result-count { grid-column: 2; grid-row: 3; justify-self: start; } .bjt-shop-page > .content-area > main.site-main > .woocommerce-ordering { grid-column: 2; grid-row: 3; justify-self: end; } .bjt-shop-page > .content-area > main.site-main > ul.products { display: grid !important; gap: 36px 22px; grid-column: 2; grid-row: 4; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; margin: 0 !important; padding: 0 !important; width: 100% !important; } .bjt-shop-page > .content-area > main.site-main > ul.products::before, .bjt-shop-page > .content-area > main.site-main > ul.products::after { display: none !important; } .bjt-shop-page > .content-area > main.site-main > ul.products li.product { float: none !important; margin: 0 !important; min-width: 0; width: auto !important; } .bjt-shop-page > .content-area > main.site-main > .woocommerce-pagination { grid-column: 2; } .woocommerce-shop main .woocommerce, .tax-product_cat main .woocommerce, .tax-product_tag main .woocommerce { display: grid !important; gap: 0 38px; grid-template-columns: 270px minmax(0, 1fr); margin-left: auto !important; margin-right: auto !important; max-width: 1340px !important; width: min(1340px, calc(100% - 60px)) !important; } .woocommerce-shop main .woocommerce > .woocommerce-notices-wrapper, .woocommerce-shop main .woocommerce > .woocommerce-breadcrumb, .tax-product_cat main .woocommerce > .woocommerce-notices-wrapper, .tax-product_cat main .woocommerce > .woocommerce-breadcrumb, .tax-product_tag main .woocommerce > .woocommerce-notices-wrapper, .tax-product_tag main .woocommerce > .woocommerce-breadcrumb { grid-column: 1 / -1; } .woocommerce-shop main .woocommerce > .bjt-catalog-filters, .tax-product_cat main .woocommerce > .bjt-catalog-filters, .tax-product_tag main .woocommerce > .bjt-catalog-filters { grid-column: 1 !important; grid-row: 3 / span 4 !important; } .woocommerce-shop main .woocommerce > .woocommerce-result-count, .tax-product_cat main .woocommerce > .woocommerce-result-count, .tax-product_tag main .woocommerce > .woocommerce-result-count { grid-column: 2; grid-row: 3; justify-self: start; } .woocommerce-shop main .woocommerce > .woocommerce-ordering, .tax-product_cat main .woocommerce > .woocommerce-ordering, .tax-product_tag main .woocommerce > .woocommerce-ordering { grid-column: 2; grid-row: 3; justify-self: end; } .woocommerce-shop main .woocommerce > ul.products, .tax-product_cat main .woocommerce > ul.products, .tax-product_tag main .woocommerce > ul.products { display: grid !important; gap: 36px 22px; grid-column: 2; grid-row: 4; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; margin: 0 !important; padding: 0 !important; } .woocommerce-shop main .woocommerce > ul.products::before, .woocommerce-shop main .woocommerce > ul.products::after, .tax-product_cat main .woocommerce > ul.products::before, .tax-product_cat main .woocommerce > ul.products::after { display: none !important; } .woocommerce-shop main .woocommerce > ul.products li.product, .tax-product_cat main .woocommerce > ul.products li.product, .tax-product_tag main .woocommerce > ul.products li.product { display: flex; flex-direction: column; float: none !important; margin: 0 !important; min-width: 0; width: auto !important; } .bjt-shop-page > .woocommerce > .woocommerce-notices-wrapper, .bjt-shop-page > .woocommerce > .woocommerce-breadcrumb { grid-column: 1 / -1; } .bjt-shop-page > .woocommerce > .bjt-catalog-filters { grid-column: 1; grid-row: 3 / span 4; } .bjt-shop-page > .woocommerce > .woocommerce-result-count { grid-column: 2; grid-row: 3; justify-self: start; } .bjt-shop-page > .woocommerce > .woocommerce-ordering { grid-column: 2; grid-row: 3; justify-self: end; } .bjt-shop-page > .woocommerce > ul.products { grid-column: 2; grid-row: 4; } .bjt-shop-page > .woocommerce > .woocommerce-pagination { grid-column: 2; } .bjt-shop-page .woocommerce-breadcrumb { color: #81786e; font-size: .72rem; margin: 0 0 24px; } .bjt-shop-page .woocommerce-products-header { display: none; } .bjt-shop-page .woocommerce-result-count { color: #756d64; font-size: .78rem; line-height: 46px; margin: 0 0 32px; } .bjt-shop-page .woocommerce-ordering { margin: 0 0 32px; } .bjt-shop-page .woocommerce-ordering select { background: #fff; border: 1px solid var(--bjt-line); border-radius: 0; color: var(--bjt-ink); font-size: .78rem; min-height: 46px; padding: 8px 42px 8px 14px; } .bjt-shop-page ul.products li.product { display: flex; flex-direction: column; float: none; list-style: none; margin: 0; min-width: 0; position: relative; width: auto; } .bjt-shop-page ul.products li.product a.woocommerce-LoopProduct-link { color: var(--bjt-ink); display: block; text-decoration: none; } .bjt-shop-page ul.products li.product a img { aspect-ratio: 4 / 5; display: block; height: auto; margin: 0 0 18px; object-fit: cover; width: 100%; } .bjt-shop-page ul.products li.product .woocommerce-loop-product__title { color: var(--bjt-ink); font-family: inherit; font-size: clamp(.95rem, 1.15vw, 1.08rem); font-weight: 650; letter-spacing: -.01em; line-height: 1.35; margin: 0 0 8px; padding: 0; } .bjt-shop-page ul.products li.product .price { color: #6f675e; display: block; font-size: .86rem; line-height: 1.4; margin: 0 0 15px; } .bjt-shop-page ul.products li.product .price del { color: #9b948b; margin-right: 6px; opacity: 1; } .bjt-shop-page ul.products li.product .price ins { color: var(--bjt-ink); font-weight: 700; text-decoration: none; } .bjt-shop-page ul.products li.product .button { align-items: center; align-self: flex-start; background: var(--bjt-ink); border: 1px solid var(--bjt-ink); border-radius: 0; color: #fff; display: inline-flex; font-size: .7rem; font-weight: 700; justify-content: center; letter-spacing: .07em; margin: auto 0 0; min-height: 44px; min-width: 140px; padding: 11px 18px; position: relative; text-decoration: none; text-transform: uppercase; } .bjt-shop-page ul.products li.product .button:hover { background: var(--bjt-terra); border-color: var(--bjt-terra); color: #fff; } .bjt-shop-page ul.products li.product .button.is-loading { color: transparent !important; pointer-events: none; } .bjt-shop-page ul.products li.product .button.is-loading::after { animation: bjt-spin .7s linear infinite; border: 2px solid rgba(255,255,255,.4); border-radius: 50%; border-top-color: #fff; content: ''; height: 16px; left: calc(50% - 10px); position: absolute; top: calc(50% - 10px); width: 16px; } .bjt-shop-page ul.products li.product .added_to_cart { display: none; } .bjt-catalog-filters { align-self: start; min-width: 0; } .bjt-catalog-filters > details > summary { display: none; } .bjt-catalog-filters form { display: flex; flex-direction: column; max-height: calc(100vh - 125px); overflow: hidden; padding: 0; position: sticky; top: 105px; } .bjt-filter-scroll { min-height: 0; overflow-y: auto; padding-right: 14px; scrollbar-color: var(--bjt-terra) #eee8e0; scrollbar-width: thin; } .bjt-filter-scroll::-webkit-scrollbar { width: 5px; } .bjt-filter-scroll::-webkit-scrollbar-track { background: #eee8e0; border-radius: 99px; } .bjt-filter-scroll::-webkit-scrollbar-thumb { background: var(--bjt-terra); border-radius: 99px; } .bjt-filter-heading { align-items: flex-end; border-bottom: 1px solid var(--bjt-line); display: flex; flex: 0 0 auto; justify-content: space-between; margin-right: 14px; padding: 0 0 13px; } .bjt-filter-heading h2 { font-family: Georgia, serif; font-size: 1.65rem; font-weight: 400; letter-spacing: -.03em; margin: 0; } .bjt-filter-heading a { color: #756d64; font-size: .68rem; font-weight: 700; text-underline-offset: 3px; } .bjt-filter-group { border: 0; border-bottom: 1px solid var(--bjt-line); margin: 0; padding: 17px 0; } .bjt-filter-group legend { color: var(--bjt-ink); font-size: .72rem; font-weight: 750; letter-spacing: .06em; padding: 0; text-transform: uppercase; } .bjt-filter-options { display: grid; gap: 10px; margin-top: 12px; } .bjt-filter-options label { align-items: center; color: #625b53; cursor: pointer; display: grid; font-size: .78rem; gap: 9px; grid-template-columns: 17px minmax(0, 1fr) auto; } .bjt-filter-options input { appearance: none; background: #fff; border: 1px solid #bfb6ac; border-radius: 2px; height: 17px; margin: 0; position: relative; width: 17px; } .bjt-filter-options input:checked { background: var(--bjt-terra); border-color: var(--bjt-terra); } .bjt-filter-options input:checked::after { border: solid #fff; border-width: 0 1.5px 1.5px 0; content: ''; height: 7px; left: 5px; position: absolute; top: 2px; transform: rotate(45deg); width: 3px; } .bjt-filter-options input:focus-visible { box-shadow: 0 0 0 3px rgba(178,91,57,.15); outline: 0; } .bjt-filter-options small { color: #9a9289; font-size: .65rem; } .bjt-price-filter { align-items: end; display: grid; gap: 7px; grid-template-columns: 1fr auto 1fr; margin-top: 12px; } .bjt-price-filter label span { color: #81786f; display: block; font-size: .64rem; margin-bottom: 6px; } .bjt-price-filter input { border: 1px solid var(--bjt-line); border-radius: 0; box-sizing: border-box; font-size: .72rem; min-height: 42px; padding: 7px 9px; width: 100%; } .bjt-price-filter input:focus { border-color: var(--bjt-terra); outline: 0; } .bjt-apply-filters { background: var(--bjt-ink); border: 1px solid var(--bjt-ink); color: #fff; cursor: pointer; flex: 0 0 auto; font-size: .7rem; font-weight: 750; letter-spacing: .07em; margin: 12px 14px 0 0; min-height: 46px; padding: 11px 18px; text-transform: uppercase; width: auto; } .bjt-apply-filters:hover { background: var(--bjt-terra); border-color: var(--bjt-terra); } .woocommerce nav.woocommerce-pagination { margin-top: 55px; } /* Branded, responsive WooCommerce Checkout block. */ .woocommerce-checkout main { margin-top: 0 !important; } .woocommerce-checkout body > header.wp-block-template-part, .woocommerce-checkout header.wp-block-template-part, body:has(.wp-block-woocommerce-checkout) > header.wp-block-template-part, body:has(.wp-block-woocommerce-checkout) header.wp-block-template-part { display: none !important; } .woocommerce-checkout main .wp-block-post-title { display: none; } .woocommerce-checkout .wp-block-post-content { max-width: none !important; } .woocommerce-checkout .wp-block-woocommerce-checkout { box-sizing: border-box; margin: 0 auto !important; max-width: 1460px !important; padding: clamp(25px, 4vw, 55px) 30px clamp(70px, 8vw, 120px); width: 100% !important; } .bjt-checkout-brand { align-items: center; border-bottom: 1px solid var(--bjt-line); display: flex; justify-content: space-between; margin-bottom: clamp(28px, 3vw, 42px); padding-bottom: 22px; } .bjt-checkout-brand > a { align-items: center; color: var(--bjt-ink); display: inline-flex; text-decoration: none; } .bjt-checkout-brand__logo { height: auto; max-height: 58px; object-fit: contain; width: auto; } .bjt-checkout-brand__actions { align-items: center; display: flex; gap: 24px; } .bjt-checkout-brand__trust { padding-left: 36px; position: relative; text-align: left; } .bjt-checkout-brand__trust::before { background-color: var(--bjt-terra); content: ''; height: 28px; left: 0; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.7' d='M12 2 20 6v6c0 5-3.4 8.4-8 10-4.6-1.6-8-5-8-10V6l8-4Z'/%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.7' d='m8.5 12 2.2 2.2 4.8-5'/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.7' d='M12 2 20 6v6c0 5-3.4 8.4-8 10-4.6-1.6-8-5-8-10V6l8-4Z'/%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.7' d='m8.5 12 2.2 2.2 4.8-5'/%3E%3C/svg%3E") center/contain no-repeat; position: absolute; top: 0; width: 28px; } .bjt-checkout-brand__trust strong, .bjt-checkout-brand__trust small { display: block; } .bjt-checkout-brand__trust strong { font-size: .75rem; } .bjt-checkout-brand__trust small { color: #7b736a; font-size: .65rem; margin-top: 2px; } .bjt-checkout-cart-link { align-items: center; border: 1px solid var(--bjt-line); border-radius: 50%; display: inline-flex !important; height: 46px; justify-content: center; position: relative; transition: background-color .2s ease, border-color .2s ease; width: 46px; } .bjt-checkout-cart-link:hover { background: var(--bjt-cream); border-color: var(--bjt-terra); } .bjt-checkout-cart-link svg { fill: none; height: 21px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.6; width: 21px; } .bjt-checkout-cart-link > span { align-items: center; background: var(--bjt-terra); border: 2px solid #fff; border-radius: 99px; color: #fff; display: flex; font-size: .56rem; font-weight: 750; height: 18px; justify-content: center; min-width: 18px; padding: 0 3px; position: absolute; right: -5px; top: -5px; } .woocommerce-checkout .wc-block-checkout__header { display: none !important; } .woocommerce-checkout .bjt-header-actions, body:has(.wp-block-woocommerce-checkout) .bjt-header-actions { display: none !important; } .woocommerce-checkout .wp-block-woocommerce-mini-cart, .woocommerce-checkout .wc-block-mini-cart, .woocommerce-checkout [data-block-name="woocommerce/mini-cart"], body:has(.wp-block-woocommerce-checkout) .wp-block-woocommerce-mini-cart, body:has(.wp-block-woocommerce-checkout) .wc-block-mini-cart { display: none !important; } .woocommerce-checkout .wc-block-checkout { box-sizing: border-box; display: block !important; margin: 0 auto !important; max-width: 1260px !important; padding-left: 0 !important; padding-right: 0 !important; padding-top: 0 !important; width: 100% !important; } .woocommerce-checkout .wc-block-components-sidebar-layout { align-items: start !important; display: grid !important; gap: clamp(38px, 4vw, 64px) !important; grid-template-columns: minmax(620px, 760px) minmax(360px, 410px) !important; justify-content: center !important; margin-left: auto !important; margin-right: auto !important; max-width: 1260px !important; width: 100% !important; } .woocommerce-checkout .wc-block-checkout__main { float: none !important; margin: 0 !important; max-width: none !important; padding-right: 0; width: auto !important; } .woocommerce-checkout .wc-block-checkout__sidebar { align-self: start; float: none !important; margin: 0 !important; max-width: none !important; position: sticky; top: 115px; width: auto !important; } .woocommerce-checkout .wc-block-components-checkout-step { margin-bottom: 38px; padding: 0; } .woocommerce-checkout .wc-block-components-checkout-step__heading { margin-bottom: 18px; } .woocommerce-checkout .wc-block-components-checkout-step__title { color: var(--bjt-ink); font-family: Georgia, serif; font-size: clamp(1.45rem, 2vw, 1.8rem) !important; font-weight: 400; letter-spacing: -.025em; line-height: 1.2 !important; } .woocommerce-checkout .wc-block-components-checkout-step__description { color: #766e65; font-size: .75rem; line-height: 1.6; } .woocommerce-checkout .wc-block-components-address-form__country, .woocommerce-checkout .wc-block-components-country-input { margin-top: 14px !important; } .woocommerce-checkout .wc-block-components-combobox { position: relative; } .woocommerce-checkout .wc-block-components-combobox .wc-block-components-combobox-control { border-radius: 2px; } .woocommerce-checkout .wc-block-components-combobox .wc-block-components-combobox-control input { cursor: text; padding-right: 46px !important; } .woocommerce-checkout .wc-block-components-combobox .wc-block-components-combobox-control input:focus { background: #fffdf9; } .woocommerce-checkout .wc-block-components-combobox .wc-block-components-combobox-control__suggestions-container { border: 1px solid var(--bjt-line); border-radius: 2px; box-shadow: 0 16px 38px rgba(35,27,21,.13); margin-top: 6px; max-height: 250px; overflow-y: auto; scrollbar-color: var(--bjt-terra) #eee8e0; scrollbar-width: thin; z-index: 40; } .woocommerce-checkout .wc-block-components-combobox .wc-block-components-combobox-control__option { cursor: pointer; font-size: .78rem; padding: 11px 14px; } .woocommerce-checkout .wc-block-components-combobox .wc-block-components-combobox-control__option:hover, .woocommerce-checkout .wc-block-components-combobox .wc-block-components-combobox-control__option[aria-selected='true'] { background: var(--bjt-cream); color: var(--bjt-ink); } .woocommerce-checkout .wc-block-components-text-input input, .woocommerce-checkout .wc-block-components-combobox .wc-block-components-combobox-control input, .woocommerce-checkout .wc-block-components-address-form select { background: #fff; border: 1px solid #d4cdc5; border-radius: 2px; box-shadow: none; box-sizing: border-box; color: var(--bjt-ink); font-size: .84rem; min-height: 54px; padding-left: 14px; transition: border-color .2s ease, box-shadow .2s ease; } .woocommerce-checkout .wc-block-components-text-input label, .woocommerce-checkout .wc-block-components-combobox .wc-block-components-combobox-control label { color: #756d64; font-size: .7rem; left: 14px; } .woocommerce-checkout .wc-block-components-combobox .wc-block-components-combobox-control__button { align-items: center; display: flex; height: 100%; justify-content: center; right: 10px; top: 0; width: 34px; } .woocommerce-checkout .wc-block-components-combobox .wc-block-components-combobox-control__button svg { display: block; height: 18px; width: 18px; } .woocommerce-checkout form.checkout select { appearance: auto; background-color: #fff; padding-right: 36px; } .woocommerce-checkout .wc-block-components-text-input input:focus, .woocommerce-checkout .wc-block-components-combobox .wc-block-components-combobox-control input:focus, .woocommerce-checkout .wc-block-components-address-form select:focus { border-color: var(--bjt-terra); box-shadow: 0 0 0 3px rgba(178,91,57,.1); outline: 0; } .woocommerce-checkout .wc-block-components-text-input.has-error input { border-color: #b93f36; box-shadow: 0 0 0 2px rgba(185,63,54,.08); } .woocommerce-checkout .wc-block-components-validation-error { color: #a63830; font-size: .67rem; margin-top: 5px; } .woocommerce-checkout .wc-block-components-checkbox label { align-items: center; color: #625b53; font-size: .78rem; } .woocommerce-checkout .wc-block-components-checkbox .wc-block-components-checkbox__input { border: 1px solid #bfb6ac; border-radius: 2px; height: 19px; width: 19px; } .woocommerce-checkout .wc-block-components-order-summary, .woocommerce-checkout .wc-block-components-totals-wrapper, .woocommerce-checkout .wc-block-components-checkout-order-summary-block { border-color: var(--bjt-line); border-radius: 3px; } .woocommerce-checkout .wc-block-components-checkout-order-summary-block { background: #fff; box-shadow: 0 12px 35px rgba(39,31,24,.06); } .woocommerce-checkout .wc-block-components-order-summary__button-text, .woocommerce-checkout .wc-block-components-checkout-order-summary__title-text { font-family: Georgia, serif; font-size: 1.4rem; font-weight: 400; } .woocommerce-checkout .wc-block-components-order-summary-item { padding-bottom: 20px; padding-top: 20px; } .woocommerce-checkout .wc-block-components-order-summary-item__image img { border-radius: 2px; object-fit: cover; } .woocommerce-checkout .wc-block-components-order-summary-item__description { font-size: .75rem; line-height: 1.45; } .woocommerce-checkout .wc-block-components-product-metadata__description { display: none; } .woocommerce-checkout .wc-block-components-totals-item { font-size: .8rem; padding-bottom: 14px; padding-top: 14px; } .woocommerce-checkout .wc-block-components-totals-footer-item { font-size: 1.05rem; } .woocommerce-checkout .wc-block-components-panel__button { font-size: .76rem; padding-bottom: 16px; padding-top: 16px; } .woocommerce-checkout .wc-block-components-totals-coupon__form { align-items: stretch; display: grid; gap: 8px; grid-template-columns: minmax(0, 1fr) auto; } .woocommerce-checkout .wc-block-components-totals-coupon__input { margin: 0; } .woocommerce-checkout .wc-block-components-totals-coupon__button { background: var(--bjt-ink); border: 1px solid var(--bjt-ink); border-radius: 0; color: #fff; font-size: .68rem; font-weight: 750; letter-spacing: .05em; min-width: 90px; padding: 10px 16px; text-transform: uppercase; } .woocommerce-checkout .wc-block-components-totals-coupon__button:hover:not(:disabled) { background: var(--bjt-terra); border-color: var(--bjt-terra); color: #fff; } .woocommerce-checkout .wc-block-components-notice-banner { border: 1px solid #e9b8b3; border-radius: 2px; font-size: .78rem; line-height: 1.55; padding: 15px 16px; } .woocommerce-checkout .wc-block-components-notice-banner.is-error { background: #fff5f4; color: #7d2c27; } .woocommerce-checkout .wc-block-components-checkout-place-order-button { background: var(--bjt-ink); border: 1px solid var(--bjt-ink); border-radius: 0; color: #fff; font-size: .76rem; font-weight: 750; letter-spacing: .07em; min-height: 54px; text-transform: uppercase; transition: background-color .2s ease, border-color .2s ease, transform .2s ease; } .woocommerce-checkout .wc-block-components-checkout-place-order-button:hover { background: var(--bjt-terra); border-color: var(--bjt-terra); color: #fff; transform: translateY(-2px); } .woocommerce-checkout .wc-block-components-checkout-place-order-button:disabled { cursor: not-allowed; opacity: .55; transform: none; } .woocommerce-checkout .wc-block-components-spinner { color: var(--bjt-terra); } /* Classic checkout fallback. */ .woocommerce-checkout form.checkout { margin: 0 auto; max-width: 1180px; } .woocommerce-checkout form.checkout input.input-text, .woocommerce-checkout form.checkout select, .woocommerce-checkout form.checkout textarea { border: 1px solid #d4cdc5; border-radius: 2px; box-sizing: border-box; min-height: 52px; padding: 11px 13px; } .woocommerce-checkout form.checkout input.input-text:focus, .woocommerce-checkout form.checkout select:focus, .woocommerce-checkout form.checkout textarea:focus { border-color: var(--bjt-terra); box-shadow: 0 0 0 3px rgba(178,91,57,.1); outline: 0; } /* WooCommerce account area. */ .woocommerce-account main { margin-top: 0 !important; } .woocommerce-account main > .wp-block-group { padding-bottom: clamp(70px, 8vw, 110px) !important; padding-top: clamp(55px, 7vw, 90px) !important; } .woocommerce-account main .wp-block-post-title { font-family: Georgia, 'Times New Roman', serif; font-size: clamp(2.7rem, 5vw, 4.8rem); font-weight: 400; letter-spacing: -.04em; margin-bottom: 42px; max-width: 1180px !important; width: min(1180px, calc(100% - 48px)); } .woocommerce-account main .wp-block-post-content { max-width: 1180px !important; width: min(1180px, calc(100% - 48px)); } .woocommerce-account.logged-in .woocommerce { align-items: start; display: grid; gap: clamp(35px, 6vw, 80px); grid-template-columns: minmax(220px, 280px) minmax(0, 1fr); } .woocommerce-account .woocommerce-MyAccount-navigation { float: none; width: 100%; } .woocommerce-account .woocommerce-MyAccount-navigation ul { background: var(--bjt-cream); border: 1px solid var(--bjt-line); list-style: none; margin: 0; padding: 10px; } .woocommerce-account .woocommerce-MyAccount-navigation li { border-bottom: 1px solid var(--bjt-line); margin: 0; } .woocommerce-account .woocommerce-MyAccount-navigation li:last-child { border-bottom: 0; } .woocommerce-account .woocommerce-MyAccount-navigation a { color: #665f56; display: block; font-size: .88rem; font-weight: 650; padding: 15px 18px; text-decoration: none; transition: background-color .2s ease, color .2s ease, padding-left .2s ease; } .woocommerce-account .woocommerce-MyAccount-navigation a:hover { color: var(--bjt-terra); padding-left: 22px; } .woocommerce-account .woocommerce-MyAccount-navigation .is-active a { background: #fff; box-shadow: inset 3px 0 0 var(--bjt-terra); color: var(--bjt-ink); } .woocommerce-account .woocommerce-MyAccount-content { background: #fff; border: 1px solid var(--bjt-line); box-sizing: border-box; float: none; min-height: 330px; padding: clamp(28px, 4vw, 52px); width: 100%; } .woocommerce-account .woocommerce-MyAccount-content > :first-child { margin-top: 0; } .woocommerce-account .woocommerce-MyAccount-content p { color: #625b53; font-size: .95rem; line-height: 1.75; } .woocommerce-account .woocommerce-MyAccount-content a { color: var(--bjt-ink); text-underline-offset: 3px; } .woocommerce-account .woocommerce-MyAccount-content a:hover { color: var(--bjt-terra); } .woocommerce-account .woocommerce-Addresses { display: grid; gap: 20px; grid-template-columns: repeat(2, minmax(0, 1fr)); } .woocommerce-account .woocommerce-Address { border: 1px solid var(--bjt-line); box-sizing: border-box; float: none; padding: 24px; width: 100%; } .woocommerce-account .woocommerce-Address-title h2 { font-family: Georgia, serif; font-size: 1.5rem; font-weight: 400; } .woocommerce-account table.shop_table { border: 1px solid var(--bjt-line); border-collapse: collapse; border-radius: 0; font-size: .86rem; } .woocommerce-account table.shop_table th, .woocommerce-account table.shop_table td { border-bottom: 1px solid var(--bjt-line); padding: 15px; } .woocommerce-account .woocommerce form .form-row label { color: var(--bjt-ink); font-size: .78rem; font-weight: 700; margin-bottom: 7px; } .woocommerce-account .woocommerce form .input-text { background: #fff; border: 1px solid var(--bjt-line); border-radius: 0; box-sizing: border-box; min-height: 50px; padding: 11px 14px; } .woocommerce-account .woocommerce form .input-text:focus { border-color: var(--bjt-terra); box-shadow: 0 0 0 2px rgba(178,91,57,.12); outline: 0; } .woocommerce-account .woocommerce button.button, .woocommerce-account .woocommerce a.button { background: var(--bjt-ink); border-radius: 0; color: #fff; font-size: .76rem; letter-spacing: .06em; min-height: 46px; padding: 14px 22px; text-transform: uppercase; } .woocommerce-account .woocommerce button.button:hover, .woocommerce-account .woocommerce a.button:hover { background: var(--bjt-terra); color: #fff; } .woocommerce-account:not(.logged-in) .woocommerce { margin: 0 auto; max-width: 920px; } .woocommerce-account:not(.logged-in) .woocommerce h2 { font-family: Georgia, serif; font-size: 2rem; font-weight: 400; } .woocommerce-account:not(.logged-in) .woocommerce form.login, .woocommerce-account:not(.logged-in) .woocommerce form.register { border: 1px solid var(--bjt-line); border-radius: 0; padding: clamp(25px, 4vw, 42px); } .bjt-product-page { padding-bottom: 90px; padding-top: 30px; } .single-product .wp-block-woocommerce-breadcrumbs { display: none !important; } .bjt-product-page .woocommerce-breadcrumb { color: #777067; font-size: .75rem; margin-bottom: 20px; } .bjt-product-page div.product { margin: 0 auto; max-width: 1340px; } .bjt-product-page div.product div.images, .bjt-product-page div.product div.summary { margin-bottom: 70px; } .bjt-product-page div.product div.summary { box-sizing: border-box; padding: 8px clamp(10px, 4vw, 70px) 20px; } .bjt-product-page .product_title { font-size: clamp(2.35rem, 3.15vw, 3.55rem); line-height: 1.02; margin: 0 0 14px; } .bjt-product-page div.product .woocommerce-product-rating { margin: 0 0 17px; } .bjt-product-page div.product .woocommerce-product-rating { align-items: center; display: flex; gap: 8px; } .bjt-product-page div.product .star-rating { font-size: 14px; height: 1.15em; letter-spacing: 1px; line-height: 1; margin: 0; width: 5.65em; } .bjt-product-page div.product .star-rating::before, .bjt-product-page div.product .star-rating span::before { font-size: 14px; letter-spacing: 1px; } .bjt-product-page div.product .woocommerce-review-link { color: #726a61; font-size: .72rem; line-height: 1; text-decoration: none; } .bjt-product-page div.product .woocommerce-review-link:hover { color: var(--bjt-terra); } .bjt-product-page div.product p.price { color: var(--bjt-terra); font-size: 1.15rem; margin: 0 0 16px; } .bjt-product-page .woocommerce-product-details__short-description { color: #665f56; font-size: .88rem; line-height: 1.55; margin-bottom: 14px; } .bjt-product-page .woocommerce-product-details__short-description p { margin: 0; } .bjt-product-offer { align-items: center; background: #fbf3ee; border: 1px solid #efd5c6; display: flex; gap: 11px; margin: 14px 0 12px; padding: 11px 13px; } .bjt-product-offer__badge { background: var(--bjt-terra); color: #fff; flex: 0 0 auto; font-size: .68rem; font-weight: 750; letter-spacing: .07em; padding: 8px 10px; text-transform: uppercase; } .bjt-product-offer strong, .bjt-product-offer small { display: block; } .bjt-product-offer strong { color: var(--bjt-ink); font-size: .84rem; } .bjt-product-offer small { color: #71685f; font-size: .72rem; margin-top: 2px; } .bjt-product-page div.product p.stock { font-size: .84rem; margin: 10px 0 12px; } .woocommerce div.product form.cart .button, .woocommerce button.button.alt { background: var(--bjt-ink); border-radius: 0; min-height: 52px; padding: 12px 28px; } .woocommerce div.product form.cart .variations select, .woocommerce .quantity .qty { border: 1px solid var(--bjt-line); min-height: 48px; padding: 8px; } .bjt-product-page div.product form.cart:not(.variations_form) { align-items: center; display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 0; } .bjt-product-page div.product form.cart::before, .bjt-product-page div.product form.cart::after { display: none; } .bjt-product-page div.product form.cart .quantity { float: none; margin: 0; position: relative; width: 112px; } .bjt-product-page div.product form.cart .quantity .qty { appearance: textfield; background: #fff; border: 1px solid var(--bjt-line); border-radius: 0; box-sizing: border-box; color: var(--bjt-ink); font-size: .88rem; font-weight: 650; height: 52px; line-height: 1; min-height: 52px; padding: 0 36px; text-align: center; transition: border-color .2s ease, box-shadow .2s ease; width: 112px; } .bjt-product-page div.product form.cart .quantity .qty:focus { border-color: var(--bjt-terra); box-shadow: 0 0 0 2px rgba(178,91,57,.1); outline: 0; } .bjt-product-page div.product form.cart .quantity .qty::-webkit-inner-spin-button, .bjt-product-page div.product form.cart .quantity .qty::-webkit-outer-spin-button { appearance: none; margin: 0; } .bjt-main-quantity-controls { bottom: 1px; display: flex; justify-content: space-between; left: 1px; pointer-events: none; position: absolute; right: 1px; top: 1px; } .bjt-main-quantity-controls button { align-items: center; background: var(--bjt-cream); border: 0; color: #625b53; cursor: pointer; display: flex; justify-content: center; margin: 0; min-height: 0; padding: 0; pointer-events: auto; transition: background-color .16s ease, color .16s ease; width: 32px; } .bjt-main-quantity-controls button:first-child { border-right: 1px solid var(--bjt-line); } .bjt-main-quantity-controls button:last-child { border-left: 1px solid var(--bjt-line); } .bjt-main-quantity-controls button:hover { background: #ebe1d5; color: var(--bjt-terra); } .bjt-main-quantity-controls button:active { background: #e2d4c5; transform: translateY(1px); } .bjt-main-quantity-controls button:focus-visible { box-shadow: inset 0 0 0 2px var(--bjt-terra); outline: 0; } .bjt-main-quantity-controls svg { fill: none; height: 12px; pointer-events: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; width: 8px; } .bjt-product-page div.product form.cart .single_add_to_cart_button { float: none; font-size: .8rem; font-weight: 700; letter-spacing: .04em; margin: 0; min-height: 52px; padding-left: 28px; padding-right: 28px; } .bjt-product-page div.product form.cart .single_add_to_cart_button.is-loading { color: transparent !important; cursor: wait; pointer-events: none; position: relative; } .bjt-product-page div.product form.cart .single_add_to_cart_button.is-loading::after { animation: bjt-spin .7s linear infinite; border: 2px solid rgba(255,255,255,.4); border-radius: 50%; border-top-color: #fff; content: ''; height: 16px; left: calc(50% - 10px); position: absolute; top: calc(50% - 10px); width: 16px; } .bjt-product-size-guide { align-items: center; background: var(--bjt-cream); border: 1px solid var(--bjt-line); color: var(--bjt-ink); cursor: pointer; display: grid; gap: 13px; grid-template-columns: 28px 1fr auto; margin: 14px 0 22px; max-width: 430px; padding: 15px 17px; text-align: left; transition: border-color .2s ease, transform .2s ease; width: 100%; } .bjt-product-size-guide:hover { border-color: var(--bjt-terra); transform: translateY(-2px); } .bjt-product-size-guide > span:first-child { color: var(--bjt-terra); font-size: 1.35rem; } .bjt-product-size-guide strong, .bjt-product-size-guide small { display: block; } .bjt-product-size-guide strong { font-size: .8rem; } .bjt-product-size-guide small { color: #756d64; font-size: .68rem; margin-top: 2px; } .bjt-product-page div.product .product_meta { border-top: 1px solid var(--bjt-line); color: #827970; display: grid; font-size: .72rem; gap: 7px; letter-spacing: .02em; line-height: 1.55; margin-top: 20px; padding-top: 17px; } .bjt-product-page div.product .product_meta > span { display: block; } .bjt-product-page div.product .product_meta .sku { color: var(--bjt-ink); font-weight: 650; } .bjt-product-page div.product .product_meta a { color: var(--bjt-ink); font-size: .72rem; font-weight: 650; text-decoration-color: #b9afa5; text-underline-offset: 3px; } .bjt-product-page div.product .product_meta a:hover { color: var(--bjt-terra); } .bjt-review-button { align-items: center; background: #fff; border: 1px solid var(--bjt-line); color: var(--bjt-ink); cursor: pointer; display: grid; gap: 12px; grid-template-columns: 28px 1fr auto; margin-top: 16px; max-width: 430px; padding: 14px 16px; text-align: left; transition: border-color .2s ease, transform .2s ease; width: 100%; } .bjt-review-button:hover { border-color: var(--bjt-terra); transform: translateY(-2px); } .bjt-review-button > span:first-child { color: var(--bjt-terra); font-size: 1.45rem; } .bjt-review-button strong, .bjt-review-button small { display: block; } .bjt-review-button strong { font-size: .78rem; } .bjt-review-button small { color: #776f66; font-size: .67rem; margin-top: 2px; } .bjt-review-dialog { border: 0; box-shadow: 0 25px 80px rgba(25,19,14,.25); box-sizing: border-box; max-height: min(760px, calc(100vh - 30px)); max-width: min(650px, calc(100% - 30px)); overflow-y: auto; padding: clamp(30px, 5vw, 55px); width: 100%; } .bjt-review-dialog::backdrop { backdrop-filter: blur(3px); background: rgba(28,22,17,.58); } .bjt-review-dialog__close { align-items: center; background: var(--bjt-cream); border: 0; border-radius: 50%; cursor: pointer; display: flex; font-size: 1.4rem; height: 40px; justify-content: center; position: absolute; right: 18px; top: 18px; width: 40px; } .bjt-review-dialog > h2 { font-family: Georgia, serif; font-size: clamp(2.2rem, 5vw, 3.8rem); font-weight: 400; letter-spacing: -.04em; line-height: 1; margin: 10px 0 14px; } .bjt-review-dialog > p { color: #716960; font-size: .82rem; line-height: 1.65; max-width: 480px; } .bjt-review-dialog #review_form_wrapper { margin-top: 28px; } .bjt-review-dialog #review_form_wrapper .comment-reply-title { display: none; } .bjt-review-dialog #review_form_wrapper p { font-size: .78rem; } .bjt-review-dialog #review_form_wrapper label { color: var(--bjt-ink); display: block; font-size: .72rem; font-weight: 700; margin-bottom: 7px; } .bjt-review-dialog #review_form_wrapper textarea, .bjt-review-dialog #review_form_wrapper input[type='text'], .bjt-review-dialog #review_form_wrapper input[type='email'] { border: 1px solid var(--bjt-line); border-radius: 0; box-sizing: border-box; font: inherit; min-height: 48px; padding: 11px 13px; width: 100%; } .bjt-review-dialog #review_form_wrapper textarea { min-height: 135px; resize: vertical; } .bjt-review-dialog #review_form_wrapper textarea:focus, .bjt-review-dialog #review_form_wrapper input:focus { border-color: var(--bjt-terra); box-shadow: 0 0 0 2px rgba(178,91,57,.1); outline: 0; } .bjt-review-dialog #review_form_wrapper .stars a { color: var(--bjt-terra); font-size: 1.35rem; } .bjt-review-dialog #review_form_wrapper input[type='submit'] { background: var(--bjt-ink); border: 0; border-radius: 0; color: #fff; cursor: pointer; font-size: .72rem; font-weight: 750; letter-spacing: .07em; min-height: 48px; padding: 12px 24px; text-transform: uppercase; } .bjt-review-dialog #review_form_wrapper input[type='submit']:hover { background: var(--bjt-terra); } .woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li { background: transparent; border: 0; border-bottom: 2px solid transparent; border-radius: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active { border-bottom-color: var(--bjt-terra); } .woocommerce div.product .woocommerce-tabs .panel { color: #615b53; max-width: none; } .woocommerce div.product .woocommerce-tabs .panel > h2:first-child { display: none; } .bjt-product-description-copy { font-size: .98rem; line-height: 1.75; max-width: 850px; } .bjt-product-description-copy h3 { color: var(--bjt-ink); font-family: Georgia, serif; font-size: 1.55rem; font-weight: 400; margin: 32px 0 12px; } .bjt-product-description-copy ul { display: grid; gap: 8px; margin: 0; padding-left: 20px; } .bjt-material-story { align-items: stretch; background: var(--bjt-cream); display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr); margin-top: clamp(45px, 7vw, 90px); overflow: hidden; } .bjt-material-story__image img { display: block; height: 100%; min-height: 520px; object-fit: cover; width: 100%; } .bjt-material-story__content { align-self: center; padding: clamp(35px, 5vw, 75px); } .bjt-material-story__content h3 { color: var(--bjt-ink); font-family: Georgia, serif; font-size: clamp(2rem, 3.4vw, 3.6rem); font-weight: 400; letter-spacing: -.035em; line-height: 1.05; margin: 10px 0 20px; } .bjt-material-story__content > p { font-size: .9rem; line-height: 1.75; } .bjt-material-points { display: grid; gap: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 30px; } .bjt-material-points > div { border-left: 1px solid var(--bjt-line); border-top: 1px solid var(--bjt-line); padding: 20px; } .bjt-material-points > div:nth-child(odd) { border-left: 0; } .bjt-material-points > div > span { color: var(--bjt-terra); display: block; font-size: 1.3rem; margin-bottom: 9px; } .bjt-material-points strong, .bjt-material-points small { display: block; } .bjt-material-points strong { color: var(--bjt-ink); font-size: .78rem; } .bjt-material-points small { color: #766e65; font-size: .68rem; line-height: 1.5; margin-top: 4px; } .bjt-product-page .upsells.products { border-top: 1px solid var(--bjt-line); margin-top: clamp(60px, 8vw, 110px); padding-top: clamp(45px, 6vw, 75px); } .bjt-product-page .upsells.products > h2 { font-family: Georgia, serif; font-size: clamp(2rem, 3.4vw, 3.4rem); font-weight: 400; letter-spacing: -.035em; margin: 0 0 35px; } .bjt-product-page .upsells.products ul.products { display: grid; gap: 22px; grid-template-columns: repeat(4, minmax(0, 1fr)); list-style: none; padding: 0; } .bjt-product-page .upsells.products ul.products::before, .bjt-product-page .upsells.products ul.products::after { display: none; } .bjt-product-page .upsells.products ul.products li.product { box-sizing: border-box; float: none !important; margin: 0 !important; min-width: 0; width: auto !important; } .bjt-product-page .upsells.products li.product .button { position: relative; } .bjt-product-page .upsells.products li.product .button.is-loading { color: transparent !important; cursor: wait; pointer-events: none; } .bjt-product-page .upsells.products li.product .button.is-loading::after { animation: bjt-spin .7s linear infinite; border: 2px solid rgba(255,255,255,.4); border-radius: 50%; border-top-color: #fff; content: ''; height: 16px; left: calc(50% - 10px); position: absolute; top: calc(50% - 10px); width: 16px; } .bjt-product-promises { border-bottom: 1px solid var(--bjt-line); border-top: 1px solid var(--bjt-line); gap: 0; margin-top: 70px; } .bjt-product-promises > div { border-right: 1px solid var(--bjt-line); padding: 35px; } .bjt-product-promises > div:last-child { border: 0; } .bjt-product-promises h4 { font-family: Georgia, serif; font-size: 1.35rem; margin: 0; } .bjt-product-promises p { color: #716a61; font-size: .8rem; } .bjt-drawer-backdrop { background: rgba(20, 17, 13, .45); inset: 0; position: fixed; z-index: 998; } .bjt-cart-drawer { background: #fff; bottom: 0; box-shadow: var(--bjt-shadow); box-sizing: border-box; display: flex; flex-direction: column; max-width: 100%; overflow: hidden; padding: 0 30px; position: fixed; right: 0; top: 0; transform: translateX(105%); transition: transform .3s ease; width: 470px; z-index: 999; } .bjt-cart-drawer[aria-hidden='false'] { transform: translateX(0); } .bjt-cart-drawer > header { align-items: center; border-bottom: 1px solid var(--bjt-line); display: flex; flex: 0 0 auto; justify-content: space-between; padding: 24px 0 18px; } .bjt-cart-drawer h2 { font-family: Georgia, serif; font-size: 1.75rem; font-weight: 400; margin: 4px 0 0; } .bjt-cart-drawer > header button { background: none; border: 0; cursor: pointer; font-size: 2rem; } .bjt-cart-drawer__body { display: flex; flex: 1 1 auto; flex-direction: column; min-height: 0; position: relative; } .bjt-cart-items { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding-right: 8px; scrollbar-color: var(--bjt-terra) #eee8e0; scrollbar-width: thin; } .bjt-cart-items::-webkit-scrollbar { width: 4px; } .bjt-cart-items::-webkit-scrollbar-track { background: #eee8e0; } .bjt-cart-items::-webkit-scrollbar-thumb { background: var(--bjt-terra); border-radius: 99px; } .bjt-cart-footer { background: #fff; border-top: 1px solid var(--bjt-line); box-shadow: 0 -12px 25px rgba(35,27,21,.06); flex: 0 0 auto; margin: 0 -30px; padding: 19px 30px max(22px, env(safe-area-inset-bottom)); } .bjt-cart-drawer.is-updating .bjt-cart-drawer__body::after { animation: bjt-spin .7s linear infinite; border: 2px solid rgba(178,91,57,.25); border-radius: 50%; border-top-color: var(--bjt-terra); content: ''; height: 24px; left: calc(50% - 14px); position: absolute; top: 70px; width: 24px; z-index: 2; } .bjt-cart-drawer.is-updating .bjt-cart-drawer__body::before { background: rgba(255,255,255,.75); content: ''; inset: 0; position: absolute; z-index: 1; } .bjt-cart-item { border-bottom: 1px solid var(--bjt-line); display: grid; gap: 15px; grid-template-columns: 82px minmax(0, 1fr) auto; padding: 22px 0; } .bjt-cart-item img { aspect-ratio: 4 / 5; height: auto; object-fit: cover; width: 82px; } .bjt-cart-item__name { color: var(--bjt-ink); display: block; font-size: .85rem; font-weight: 700; margin-bottom: 7px; text-decoration: none; } .bjt-cart-item__details { min-width: 0; } .bjt-cart-item small { color: #746c63; display: block; font-size: .72rem; } .bjt-cart-item__remove { align-items: center; color: #8a8279; display: inline-flex; font-size: 1.3rem; height: 30px; justify-content: center; text-decoration: none; width: 30px; } .bjt-cart-item__remove:hover { color: var(--bjt-terra); } .bjt-cart-quantity { border: 1px solid var(--bjt-line); display: inline-grid; grid-template-columns: 30px 36px 30px; margin-top: 12px; min-height: 32px; } .bjt-cart-quantity button { background: var(--bjt-cream); border: 0; color: var(--bjt-ink); cursor: pointer; font-size: 1rem; padding: 0; } .bjt-cart-quantity input { appearance: textfield; border: 0; border-left: 1px solid var(--bjt-line); border-radius: 0; border-right: 1px solid var(--bjt-line); font-size: .78rem; min-width: 0; padding: 0; text-align: center; width: 36px; } .bjt-cart-quantity input::-webkit-inner-spin-button, .bjt-cart-quantity input::-webkit-outer-spin-button { appearance: none; margin: 0; } .bjt-cart-summary { align-items: baseline; display: flex; font-size: .9rem; justify-content: space-between; padding: 0; } .bjt-cart-summary strong { color: var(--bjt-ink); font-size: 1.05rem; } .bjt-cart-note { color: #746c63; font-size: .68rem; margin: 8px 0 0; } .bjt-cart-actions { display: grid; gap: 8px; grid-template-columns: .85fr 1.15fr; margin-top: 16px; } .bjt-cart-actions .bjt-button { box-sizing: border-box; font-size: .68rem !important; font-weight: 750; letter-spacing: .055em; line-height: 1.1 !important; min-height: 48px; padding: 11px 13px !important; text-align: center; text-transform: uppercase; white-space: nowrap; } .bjt-cart-empty { align-items: center; display: flex; flex-direction: column; justify-content: center; min-height: 65vh; text-align: center; } .bjt-cart-empty > span { color: var(--bjt-terra); font-size: 2.5rem; } .bjt-cart-empty h3 { font-family: Georgia, serif; font-size: 1.8rem; margin-bottom: 0; } .bjt-cart-empty p { color: #756e65; font-size: .82rem; } .bjt-sticky-cart { background: rgba(255,255,255,.97); border-top: 1px solid var(--bjt-line); bottom: 0; box-shadow: 0 -12px 35px rgba(39,31,24,.1); box-sizing: border-box; left: 0; opacity: 0; padding: 10px 24px max(10px, env(safe-area-inset-bottom)); pointer-events: none; position: fixed; right: 0; transform: translateY(110%); transition: opacity .25s ease, transform .35s cubic-bezier(.22,1,.36,1); visibility: hidden; z-index: 90; } .bjt-sticky-cart.is-visible { opacity: 1; pointer-events: auto; transform: translateY(0); visibility: visible; } .bjt-drawer-open .bjt-sticky-cart { opacity: 0; pointer-events: none; transform: translateY(110%); } .bjt-sticky-cart__inner { align-items: center; display: flex; gap: 28px; justify-content: space-between; margin: 0 auto; max-width: 1340px; } .bjt-sticky-cart__product { align-items: center; display: flex; gap: 13px; min-width: 0; } .bjt-sticky-cart__image { aspect-ratio: 1; flex: 0 0 54px; height: 54px; object-fit: cover; width: 54px; } .bjt-sticky-cart__copy { min-width: 0; } .bjt-sticky-cart__copy strong { color: var(--bjt-ink); display: block; font-size: .82rem; line-height: 1.3; max-width: 460px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .bjt-sticky-cart__copy > span { color: var(--bjt-terra); display: block; font-size: .75rem; font-weight: 700; margin-top: 3px; } .bjt-sticky-cart__copy del { color: #9b948b; font-weight: 400; margin-right: 5px; } .bjt-sticky-cart__copy ins { text-decoration: none; } .bjt-sticky-cart__actions { align-items: center; display: flex; flex: 0 0 auto; gap: 10px; } .bjt-sticky-quantity { border: 1px solid var(--bjt-line); display: grid; grid-template-columns: 34px 40px 34px; height: 44px; } .bjt-sticky-quantity button { background: var(--bjt-cream); border: 0; color: var(--bjt-ink); cursor: pointer; font-size: 1rem; padding: 0; } .bjt-sticky-quantity input { appearance: textfield; border: 0; border-left: 1px solid var(--bjt-line); border-radius: 0; border-right: 1px solid var(--bjt-line); box-sizing: border-box; font-size: .78rem; min-width: 0; padding: 0; text-align: center; width: 40px; } .bjt-sticky-quantity input::-webkit-inner-spin-button, .bjt-sticky-quantity input::-webkit-outer-spin-button { appearance: none; margin: 0; } .bjt-sticky-cart__button { align-items: center; background: var(--bjt-ink); border: 1px solid var(--bjt-ink); border-radius: 0; box-sizing: border-box; color: #fff; display: inline-flex; font-size: .72rem; font-weight: 750; justify-content: center; letter-spacing: .06em; min-height: 46px; min-width: 150px; padding: 11px 22px; position: relative; text-decoration: none; text-transform: uppercase; } .bjt-sticky-cart__button:hover { background: var(--bjt-terra); border-color: var(--bjt-terra); color: #fff; } .bjt-sticky-cart__button.is-loading { color: transparent !important; pointer-events: none; } .bjt-sticky-cart__button.is-loading::after { animation: bjt-spin .7s linear infinite; border: 2px solid rgba(255,255,255,.4); border-radius: 50%; border-top-color: #fff; content: ''; height: 16px; left: calc(50% - 10px); position: absolute; top: calc(50% - 10px); width: 16px; } .bjt-size-guide { border: 0; box-shadow: var(--bjt-shadow); box-sizing: border-box; color: var(--bjt-ink); max-height: calc(100vh - 30px); max-width: min(980px, calc(100% - 30px)); padding: 0; width: 100%; } .bjt-size-guide::backdrop { background: rgba(22, 18, 14, .58); } .bjt-size-guide__header { align-items: center; border-bottom: 1px solid var(--bjt-line); display: flex; justify-content: space-between; padding: 14px 28px 12px; } .bjt-size-guide__header h2 { font-family: inherit; font-size: 1.35rem; font-weight: 750; letter-spacing: .02em; margin: 0; text-transform: uppercase; } .bjt-size-guide__header p { color: #716a61; font-size: .68rem; margin: 2px 0 0; } .bjt-size-guide__header button { background: none; border: 0; color: var(--bjt-ink); cursor: pointer; font-size: 1.9rem; line-height: 1; padding: 2px 6px; } .bjt-size-guide__tabs { display: flex; justify-content: center; padding: 8px 20px 2px; } .bjt-size-guide__tabs button { background: transparent; border: 0; border-bottom: 2px solid transparent; color: #99928a; cursor: pointer; font-size: .7rem; font-weight: 750; letter-spacing: .08em; padding: 7px 16px; text-transform: uppercase; } .bjt-size-guide__tabs button[aria-selected='true'] { border-bottom-color: var(--bjt-terra); color: var(--bjt-terra); } .bjt-size-guide__content { box-sizing: border-box; display: grid; gap: 14px 16px; grid-template-columns: 1fr 1fr; padding: 8px 24px 20px; } .bjt-size-section { margin: 0; min-width: 0; } .bjt-size-section h3 { font-size: .82rem; font-weight: 750; margin: 0 0 6px; text-align: center; } .bjt-table-wrap { overflow: visible; } .bjt-size-guide table { border: 1px solid var(--bjt-line); border-collapse: collapse; font-size: .68rem; table-layout: fixed; width: 100%; } .bjt-size-guide th, .bjt-size-guide td { border: 1px solid var(--bjt-line); line-height: 1.25; padding: 7px 8px; text-align: center; } .bjt-size-guide thead th { background: var(--bjt-cream); color: #746c63; font-size: .57rem; letter-spacing: .06em; text-transform: uppercase; } .bjt-size-guide tbody th { font-size: .65rem; letter-spacing: .02em; text-transform: uppercase; } .bjt-size-guide tbody tr:nth-child(odd) { background: rgba(247,242,233,.42); } @media (max-width: 600px) { .bjt-size-guide { max-height: calc(100dvh - 16px); max-width: calc(100% - 16px); } .bjt-size-guide__header { padding: 12px 14px 10px; } .bjt-size-guide__header h2 { font-size: 1.05rem; } .bjt-size-guide__header p { font-size: .6rem; } .bjt-size-guide__tabs { padding-top: 5px; } .bjt-size-guide__content { display: grid; gap: 12px; grid-template-columns: 1fr; max-height: calc(100dvh - 105px); overflow-y: auto; padding: 5px 10px 16px; } .bjt-size-section h3 { font-size: .76rem; margin-bottom: 5px; } .bjt-size-guide table { font-size: clamp(.55rem, 2.4vw, .66rem); table-layout: fixed; } .bjt-size-guide th, .bjt-size-guide td { overflow-wrap: anywhere; padding: 7px 4px; } .bjt-size-guide thead th { font-size: .5rem; letter-spacing: .03em; } .bjt-size-guide tbody th { font-size: .58rem; } } @media (max-width: 1100px) { .woocommerce-checkout .wc-block-checkout { max-width: 760px !important; } .woocommerce-checkout .wc-block-components-sidebar-layout { gap: 35px !important; grid-template-columns: 1fr !important; max-width: 760px !important; } .woocommerce-checkout .wc-block-checkout__main { grid-column: 1; grid-row: 1; } .woocommerce-checkout .wc-block-checkout__sidebar { grid-column: 1; grid-row: 2; position: static; } } @media (max-width: 900px) { .bjt-section { padding-bottom: clamp(30px, 9vw, 130px); padding-top: clamp(30px, 9vw, 130px); } :root :where(.is-layout-flex) { gap: 0px; } .admin-bar .bjt-header { top: 46px; } .bjt-action-label { display: none; } .bjt-main-nav { flex: initial; order: 3; } .bjt-header-actions { margin-left: auto; } .bjt-benefits > .alignwide, .bjt-shop-by, .bjt-products, .bjt-testimonials, .bjt-story > .wp-block-columns { width: min(100% - 40px, 1340px) !important; } .bjt-shop-page > .woocommerce, .bjt-collection-tools { width: min(100% - 40px, 1340px) !important; } .bjt-shop-page > .woocommerce { display: block; } .bjt-shop-page > .content-area { width: min(100% - 40px, 1340px) !important; } .bjt-shop-page > .content-area > main.site-main { display: block !important; } .bjt-shop-page > .content-area > main.site-main > ul.products { gap: 30px 16px; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .woocommerce-shop main .woocommerce, .tax-product_cat main .woocommerce, .tax-product_tag main .woocommerce { display: block !important; width: min(100% - 40px, 1340px) !important; } .woocommerce-shop main .woocommerce > ul.products, .tax-product_cat main .woocommerce > ul.products, .tax-product_tag main .woocommerce > ul.products { gap: 30px 16px; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .bjt-catalog-filters { margin-bottom: 25px; } .bjt-catalog-filters > details { border: 1px solid var(--bjt-line); } .bjt-catalog-filters > details > summary { align-items: center; cursor: pointer; display: flex; font-size: .78rem; font-weight: 750; justify-content: space-between; letter-spacing: .06em; list-style: none; padding: 16px 18px; text-transform: uppercase; } .bjt-catalog-filters > details > summary::-webkit-details-marker { display: none; } .bjt-catalog-filters > details[open] > summary > span:last-child { transform: rotate(45deg); } .bjt-catalog-filters form { border-top: 1px solid var(--bjt-line); max-height: min(72vh, 680px); padding: 18px; position: static; } .bjt-filter-heading { margin-right: 0; } .bjt-filter-scroll { padding-right: 10px; } .bjt-apply-filters { margin-right: 0; } .bjt-shop-page .woocommerce-result-count { float: left; } .bjt-shop-page .woocommerce-ordering { float: right; } .bjt-products ul.products, .bjt-shop-page ul.products { grid-template-columns: repeat(2, 1fr); } .bjt-benefits > .alignwide { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .bjt-benefits p:nth-child(2) { border-right: 0; } .bjt-benefits p:nth-child(-n+2) { border-bottom: 1px solid var(--bjt-line); padding-bottom: 20px; } .bjt-benefits p:nth-child(n+3) { padding-top: 20px; } .bjt-footer__grid { flex-wrap: wrap !important; } .bjt-footer__grid > .wp-block-column { flex-basis: calc(50% - 30px) !important; } .bjt-product-page .upsells.products ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); } .woocommerce-checkout .wc-block-checkout__main { grid-column: 1; grid-row: 1; } .woocommerce-checkout .wc-block-checkout__sidebar { grid-column: 1; grid-row: 2; position: static; } } @media (max-width: 600px) { .bjt-announcement { font-size: .63rem; } .bjt-announcement a { display: none; } .woocommerce-checkout .wp-block-woocommerce-checkout { padding: 20px 15px 70px; } .bjt-checkout-brand { margin-bottom: 32px; padding-bottom: 16px; } .bjt-checkout-brand__logo { max-height: 44px; max-width: 110px; } .bjt-checkout-brand__trust { padding-left: 23px; } .bjt-checkout-brand__trust::before { height: 18px; width: 18px; } .bjt-checkout-brand__trust small { display: none; } .bjt-checkout-brand__actions { gap: 13px; } .bjt-checkout-cart-link { height: 42px; width: 42px; } .woocommerce-checkout .wc-block-components-checkout-step { margin-bottom: 30px; } .woocommerce-checkout .wc-block-components-text-input input, .woocommerce-checkout .wc-block-components-combobox .wc-block-components-combobox-control input, .woocommerce-checkout .wc-block-components-address-form select { min-height: 52px; } .bjt-header__inner { gap: 10px; min-height: 66px; } .bjt-header-actions > .bjt-currency-switcher { display: none; } .bjt-currency-switcher.is-mobile-menu-currency { border-top: 1px solid var(--bjt-line); display: block; margin: auto 0 0 !important; padding: 20px 0 4px; width: 100%; } .bjt-currency-switcher.is-mobile-menu-currency select { background: var(--bjt-cream); font-size: .8rem; min-height: 48px; padding-left: 14px; width: 100%; } .bjt-currency-switcher.is-mobile-menu-currency::after { right: 17px; } .bjt-wordmark { font-size: 1.05rem; } .bjt-header .custom-logo { width: 100px; } .bjt-icon-button { height: 40px; padding: 8px; width: 40px; } .bjt-hero { min-height: 650px !important; } .bjt-hero .wp-block-cover__image-background { object-position: 62% center; } .bjt-hero .wp-block-cover__background { background: linear-gradient(90deg, rgba(24,16,10,.72), rgba(24,16,10,.25)); } .bjt-hero h1 { font-size: 3.2rem; } .bjt-hero__content { padding: 70px 0; } .bjt-benefits > .alignwide { grid-template-columns: 1fr !important; } .bjt-benefits p, .bjt-benefits p:nth-child(n) { border-bottom: 1px solid var(--bjt-line); border-right: 0; padding: 17px 0; } .bjt-benefits p:last-child { border-bottom: 0; } .bjt-benefits strong { margin-bottom: 5px; } .bjt-benefits small { font-size: .73rem; line-height: 1.45; padding-left: 35px; } .bjt-section-heading { align-items: flex-start; display: block; } .bjt-section-heading > p { margin-top: 18px; } .bjt-collection-tools { align-items: stretch; display: block; } .bjt-product-search { margin-top: 22px; max-width: none; } .bjt-product-search input[type='search'] { padding-right: 102px; } .bjt-product-search button { padding: 0 14px; } .bjt-shop-page .woocommerce-result-count, .bjt-shop-page .woocommerce-ordering { float: none; line-height: 1.4; margin-bottom: 16px; width: 100%; } .bjt-shop-page .woocommerce-ordering select { width: 100%; } .bjt-size-cards { display: grid; grid-template-columns: 1fr; } .bjt-size-cards a, .bjt-size-cards .wp-block-column { min-height: 220px; } .bjt-products ul.products, .bjt-shop-page ul.products { gap: 26px 10px; grid-template-columns: repeat(2, 1fr); } .woocommerce-shop main .woocommerce > ul.products, .tax-product_cat main .woocommerce > ul.products, .tax-product_tag main .woocommerce > ul.products { gap: 26px 10px; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .woocommerce-shop main .woocommerce > ul.products li.product .woocommerce-loop-product__title, .tax-product_cat main .woocommerce > ul.products li.product .woocommerce-loop-product__title { font-size: .8rem; line-height: 1.3; } .woocommerce-shop main .woocommerce > ul.products li.product .button, .tax-product_cat main .woocommerce > ul.products li.product .button { box-sizing: border-box; font-size: .63rem; min-height: 42px; min-width: 0; padding: 9px 7px; text-align: center; width: 100%; } .woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: .8rem; } /* Keep every WooCommerce collection card compact and aligned on phones. */ .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { min-width: 0 !important; overflow: hidden; } .woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img { aspect-ratio: 4 / 5; margin-bottom: 10px !important; object-fit: cover; width: 100%; } .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce-page ul.products li.product .woocommerce-loop-product__title { display: -webkit-box; font-size: .74rem !important; line-height: 1.3 !important; margin-bottom: 6px !important; min-height: 3.9em !important; overflow: hidden; padding: 0 !important; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price { display: flex !important; flex-wrap: nowrap !important; font-size: .7rem !important; gap: 4px; line-height: 1.3 !important; margin-bottom: 10px !important; min-height: 1.3em !important; overflow: hidden; white-space: nowrap; } .woocommerce ul.products li.product .price del, .woocommerce-page ul.products li.product .price del { margin-right: 0 !important; } .woocommerce ul.products li.product .button, .woocommerce-page ul.products li.product .button { box-sizing: border-box; font-size: .6rem !important; letter-spacing: .04em !important; line-height: 1 !important; min-height: 40px !important; min-width: 0 !important; padding: 10px 5px !important; text-align: center; white-space: nowrap; width: 100% !important; } .bjt-products ul.products li.product > .bjt-sale-badge, .bjt-shop-page ul.products li.product > .bjt-sale-badge, .bjt-products ul.products li.product .woocommerce-LoopProduct-link > .bjt-sale-badge, .bjt-shop-page ul.products li.product .woocommerce-LoopProduct-link > .bjt-sale-badge { font-size: .55rem !important; left: 8px !important; padding: 6px 8px !important; top: 8px !important; } .bjt-footer > .alignwide { margin-left: auto !important; margin-right: auto !important; width: calc(100% - 36px) !important; } .bjt-footer__newsletter { gap: 22px; padding-bottom: 34px; padding-top: 38px; } .bjt-footer__newsletter h2 { font-size: clamp(2rem, 10vw, 2.65rem); line-height: 1.03; overflow-wrap: normal; } .bjt-footer__newsletter p { line-height: 1.55; margin-bottom: 0; } .bjt-newsletter { width: 100%; } .bjt-newsletter input { min-width: 0; } .bjt-footer__grid { gap: 30px !important; padding-bottom: 40px; padding-top: 40px; } .bjt-footer__grid > .wp-block-column { flex-basis: 100% !important; } .bjt-footer__grid .wp-block-column:first-child p { font-size: .78rem; line-height: 1.6; } .bjt-footer h4 { margin-bottom: 12px; margin-top: 0; } .bjt-footer ul:not(.wp-block-social-links) li { margin: 7px 0; } .bjt-footer__bottom { gap: 8px; padding-top: 20px; } .bjt-cart-drawer { padding: 0 20px; width: 100%; } .bjt-cart-footer { margin-left: -20px; margin-right: -20px; padding: 16px 20px max(18px, env(safe-area-inset-bottom)); } .bjt-cart-actions { grid-template-columns: 1fr; } .bjt-sticky-cart { padding: 8px 12px max(8px, env(safe-area-inset-bottom)); } .bjt-sticky-cart__inner { gap: 10px; } .bjt-sticky-cart__image { flex-basis: 42px; height: 42px; width: 42px; } .bjt-sticky-cart__copy strong { font-size: .72rem; max-width: 34vw; } .bjt-sticky-cart__copy > span { font-size: .66rem; } .bjt-sticky-cart__actions { gap: 7px; } .bjt-sticky-quantity { grid-template-columns: 28px 31px 28px; height: 42px; } .bjt-sticky-quantity input { width: 31px; } .bjt-sticky-cart__button { font-size: .65rem; min-height: 42px; min-width: 105px; padding: 9px 12px; } .bjt-product-page div.product div.summary { padding-left: 0; padding-right: 0; } .bjt-product-promises { grid-template-columns: 1fr; } .bjt-product-promises > div { border-bottom: 1px solid var(--bjt-line); border-right: 0; } .bjt-material-story { grid-template-columns: 1fr; } .bjt-material-story__image img { min-height: 300px; } .bjt-material-story__content { padding: 30px 22px; } .bjt-material-points { grid-template-columns: 1fr; } .bjt-material-points > div, .bjt-material-points > div:nth-child(odd) { border-left: 0; padding-left: 0; padding-right: 0; } .bjt-product-page .upsells.products { margin-top: 55px; padding-top: 38px; } .bjt-product-page .upsells.products > h2 { font-size: clamp(1.9rem, 9vw, 2.45rem); line-height: 1.05; margin-bottom: 25px; } .bjt-product-page .upsells.products ul.products { gap: 28px 12px; grid-template-columns: repeat(2, minmax(0, 1fr)); } .bjt-product-page .upsells.products ul.products li.product img { aspect-ratio: 1 / 1.12; object-fit: cover; width: 100%; } .bjt-product-page .upsells.products ul.products li.product .woocommerce-loop-product__title { font-size: .78rem; line-height: 1.28; } .bjt-product-page .upsells.products ul.products li.product .button { box-sizing: border-box; font-size: .64rem; min-height: 42px; padding: 10px 8px; text-align: center; width: 100%; } .woocommerce-account main .wp-block-post-title, .woocommerce-account main .wp-block-post-content { width: min(100% - 30px, 1180px); } .woocommerce-account main .wp-block-post-title { margin-bottom: 25px; } .woocommerce-account.logged-in .woocommerce { display: block; } .woocommerce-account .woocommerce-MyAccount-navigation { margin-bottom: 22px; overflow-x: auto; } .woocommerce-account .woocommerce-MyAccount-navigation ul { display: flex; min-width: max-content; padding: 6px; } .woocommerce-account .woocommerce-MyAccount-navigation li { border-bottom: 0; border-right: 1px solid var(--bjt-line); } .woocommerce-account .woocommerce-MyAccount-navigation li:last-child { border-right: 0; } .woocommerce-account .woocommerce-MyAccount-navigation a { padding: 11px 14px; } .woocommerce-account .woocommerce-MyAccount-navigation a:hover { padding-left: 14px; } .woocommerce-account .woocommerce-MyAccount-navigation .is-active a { box-shadow: inset 0 -3px 0 var(--bjt-terra); } .woocommerce-account .woocommerce-MyAccount-content { min-height: 0; padding: 24px 20px; } .woocommerce-account .woocommerce-Addresses { grid-template-columns: 1fr; } .woocommerce-account table.shop_table_responsive tr td { padding: 12px 14px; } } @media (max-width: 390px) { .bjt-sticky-cart__image { display: none; } .bjt-sticky-cart__copy strong { max-width: 28vw; } .bjt-sticky-quantity { grid-template-columns: 25px 29px 25px; } .bjt-sticky-quantity input { width: 29px; } .bjt-sticky-cart__button { min-width: 96px; padding-left: 9px; padding-right: 9px; } } @media (prefers-reduced-motion: reduce) { .bjt-sticky-cart { transition-duration: .01ms; } } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; } }