.single-product { --ln-section: clamp(72px, 8vw, 116px); --ln-fs-h5: 17px; --ln-product-title: clamp(28px, 2.8vw, 36px); --ln-product-gap: 4%; --ln-summary: 34%; --ln-thumb: 84px; --ln-thumb-gap: 16px; --ln-gallery-gap: 20px; --ln-sticky-top: calc(var(--ln-header-height, calc(44px + var(--ln-header-h))) + 24px); } .single-product #content > .ast-container { max-width: var(--ln-shell); } .single-product #content #primary { margin-block: 0; padding-block: clamp(18px, 2.2vw, 30px) clamp(40px, 4.2vw, 60px); } .single-product.ast-plain-container { background-color: var(--ln-bg); } .single-product #content div.product { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; } .single-product #content div.product .ln-product-main { display: flex; flex: 0 0 100%; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; min-width: 0; } .single-product #content div.product div.images { flex: 1 1 0; min-width: 0; max-width: none !important; width: auto !important; float: none !important; margin: 0 var(--ln-product-gap) 0 0 !important; display: block; } .single-product #content div.product .ln-gallery-rail { order: 0; flex: 0 0 auto; align-self: flex-start; position: sticky; top: var(--ln-sticky-top); margin: 0 var(--ln-thumb-gap) 0 0; } .single-product #content div.product div.summary { flex: 0 0 var(--ln-summary); min-width: 0; max-width: none !important; width: auto !important; float: none !important; margin: 0 !important; overflow-wrap: break-word; } .single-product #content div.product section.related, .single-product #content div.product section.upsells { flex: 0 0 100%; max-width: none !important; width: auto !important; margin-inline: 0 !important; } .single-product #content div.product div.images > .woocommerce-product-gallery__wrapper { margin: 0; } .single-product #content div.product div.images .woocommerce-product-gallery__image { width: 100%; margin: 0 0 var(--ln-gallery-gap); overflow: hidden; } .single-product #content div.product div.images .woocommerce-product-gallery__image:last-child { margin-bottom: 0; } .single-product #content div.product div.images .woocommerce-product-gallery__image img { width: 100% !important; height: auto !important; } .single-product #content div.product .ln-gallery-rail { display: flex; flex-direction: column; gap: 12px; padding: 0; list-style: none; } .single-product #content div.product .ln-gallery-rail__item { flex: 0 0 auto; margin: 0; padding: 0; list-style: none; } .single-product #content div.product .ln-gallery-rail__link { display: block; border: 1px solid transparent; line-height: 0; transition: border-color .3s var(--ln-ease), opacity .3s var(--ln-ease); opacity: .45; } .single-product #content div.product .ln-gallery-rail__img { display: block; width: var(--ln-thumb); height: auto; aspect-ratio: 4 / 5; object-fit: cover; margin: 0; border: 0; border-radius: 0; box-shadow: none; background-color: var(--ln-bg-2); } .single-product #content div.product .ln-gallery-rail__link:hover, .single-product #content div.product .ln-gallery-rail__link:focus-visible, .single-product #content div.product .ln-gallery-rail__link.is-current { opacity: 1; } .single-product #content div.product .ln-gallery-rail__link.is-current { border-color: var(--ln-text); } .single-product #content div.product .woocommerce-product-gallery { opacity: 1 !important; } .single-product #content div.product div.images img { display: block; width: 100%; height: auto; margin: 0; border: 0; border-radius: 0; box-shadow: none; background-color: var(--ln-bg-2); transition: opacity .4s var(--ln-ease); } .single-product #content div.product div.images, .single-product #content div.product .woocommerce-product-gallery { border: 0; border-radius: 0; box-shadow: none; } .single-product #content div.product div.images .woocommerce-product-gallery__image > a { display: block; line-height: 0; cursor: default !important; transform: none !important; transition: none !important; touch-action: pan-y pinch-zoom; -webkit-tap-highlight-color: transparent; } .single-product #content div.product .woocommerce-product-gallery__trigger, .single-product #content div.product div.images img.zoomImg { display: none !important; } .single-product #content div.product > .ast-onsale-card { display: none !important; } .single-product #content div.product div.summary { display: flex; flex-direction: column; text-align: left; } .single-product #content div.product div.summary .woocommerce-breadcrumb, .single-product #content div.product div.summary .single-product-category, .single-product #content div.product div.summary .product_meta { display: none !important; } .single-product #content div.product div.summary > .product_title { order: 1; } .single-product #content div.product div.summary > .price { order: 2; } .single-product #content div.product div.summary > .ln-product-price-saving { order: 3; } .single-product #content div.product div.summary > .stock, .single-product #content div.product div.summary > .ast-stock-detail { order: 5; margin: 0 0 14px; } .single-product #content div.product div.summary > .woocommerce-product-details__short-description { order: 4; } .single-product #content div.product div.summary > .ln-accordion { order: 8; } .single-product #content div.product div.summary > form.cart { order: 6; } .single-product #content div.product div.summary > .ln-product-badges { order: 7; } .single-product #content div.product div.summary .product_title { margin: 0 0 10px; font-family: var(--ln-detail-font); font-size: var(--ln-product-title); font-weight: 500; line-height: 1.15; letter-spacing: -.01em; color: var(--ln-text); } .single-product #content div.product div.summary .price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 10px; margin: 0 0 14px; padding: 0; font-family: var(--ln-font-body); font-size: 18px; font-weight: 500; letter-spacing: .01em; text-align: left; color: var(--ln-text); } .single-product #content div.product div.summary .price span { font-family: var(--ln-font-body); } .single-product #content div.product div.summary .price del { font-size: .85em; opacity: 1; color: var(--ln-text-muted); text-decoration: line-through; font-weight: 400; } .single-product #content div.product div.summary .price ins { text-decoration: none; color: var(--ln-text); } .single-product #content div.product div.summary .woocommerce-product-details__short-description { margin: 0 0 28px; font-family: var(--ln-font-body); font-size: var(--ln-fs-base); line-height: 1.75; color: var(--ln-text); } .single-product #content div.product div.summary .woocommerce-product-details__short-description p { margin: 0; } .single-product #content div.product div.summary .woocommerce-product-details__short-description p + p { margin-top: 14px; } .single-product #content div.product div.summary form.cart .ln-product-note { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 0 0 12px; padding: 9px 16px; background-color: var(--ln-bg-2); font-family: var(--ln-font-body); font-size: var(--ln-fs-sm); font-weight: 400; line-height: 1.4; color: var(--ln-text); } .single-product #content div.product div.summary form.cart .ln-product-note__icon { flex: 0 0 auto; color: var(--ln-accent-deep); } .single-product #content div.product div.summary .ln-product-badges { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 28px 0 0; padding: 24px 0 28px; border-top: 1px solid var(--ln-border); list-style: none; } .single-product #content div.product div.summary .ln-product-badges li { display: flex; flex-direction: column; align-items: center; gap: 8px; margin: 0; padding: 0; text-align: center; } .single-product #content div.product div.summary .ln-product-badges__icon { flex: 0 0 auto; color: var(--ln-accent-deep); } .single-product #content div.product div.summary .ln-product-badges li span { font-family: var(--ln-font-body); font-size: 14px; font-weight: 500; line-height: 1.4; letter-spacing: .04em; text-transform: uppercase; color: var(--ln-text-soft); } @media (min-width: 761px) and (min-height: 820px) { .single-product #content div.product div.summary { position: sticky; top: var(--ln-sticky-top); align-self: flex-start; } .single-product #content div.product div.summary:has(details[open]) { position: static; } } .single-product #content .ln-crumbs { margin: 0 0 clamp(20px, 2.4vw, 32px); font-family: var(--ln-font-body); font-size: var(--ln-fs-xs); font-weight: 400; line-height: 1.6; letter-spacing: .01em; color: var(--ln-text-soft); } .single-product #content .ln-crumbs a { color: inherit; transition: color .3s var(--ln-ease); } .single-product #content .ln-crumbs a:hover, .single-product #content .ln-crumbs a:focus-visible { color: var(--ln-accent-deep); } .single-product #content .ln-crumbs .breadcrumb_last { font-weight: 500; color: var(--ln-text); } .single-product #content .ln-crumbs__sep { margin: 0 .5em; color: var(--ln-border); } .single-product #content div.product div.summary form.cart { display: block; margin: 0 0 28px; } .single-product #content div.product div.summary form.cart .quantity { display: flex; align-items: stretch; width: 100%; height: 42px; margin: 0 0 12px; border: 1px solid var(--ln-border); background-color: var(--ln-surface); } .single-product #content div.product div.summary form.cart .quantity input.qty { flex: 1 1 auto; width: auto; min-width: 0; height: auto; min-height: 0; margin: 0; padding: 0 8px; border: 0; border-radius: 0; background-color: transparent; box-shadow: none; font-family: var(--ln-font-body); font-size: var(--ln-fs-base); font-weight: 400; line-height: 1.4; text-align: center; color: var(--ln-text); -moz-appearance: textfield; } .single-product #content div.product div.summary form.cart .quantity input.qty::-webkit-outer-spin-button, .single-product #content div.product div.summary form.cart .quantity input.qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .single-product #content div.product div.summary form.cart .quantity input.qty:focus { outline: 0; box-shadow: inset 0 0 0 1px var(--ln-accent-deep); } .single-product #content div.product div.summary form.cart .quantity .ln-qty__btn { flex: 0 0 48px; display: flex; align-items: center; justify-content: center; width: 48px; margin: 0; padding: 0; border: 0; border-radius: 0; background-color: transparent; box-shadow: none; font-family: var(--ln-font-body); font-size: 18px; font-weight: 400; line-height: 1; color: var(--ln-text); cursor: pointer; -webkit-appearance: none; appearance: none; transition: background-color .25s var(--ln-ease), color .25s var(--ln-ease); } .single-product #content div.product div.summary form.cart .quantity .ln-qty__btn--minus { border-right: 1px solid var(--ln-border); } .single-product #content div.product div.summary form.cart .quantity .ln-qty__btn--plus { border-left: 1px solid var(--ln-border); } .single-product #content div.product div.summary form.cart .quantity .ln-qty__btn:hover, .single-product #content div.product div.summary form.cart .quantity .ln-qty__btn:focus-visible { background-color: var(--ln-accent-deep); color: var(--ln-surface); } .single-product #content div.product div.summary form.cart .quantity .ln-qty__btn[disabled] { background-color: transparent; color: var(--ln-border); cursor: not-allowed; } .single-product #content div.product div.summary form.cart .single_add_to_cart_button { display: block; width: 100%; height: 56px; margin: 0; padding: 0 32px; border: 1px solid var(--ln-accent-btn); border-radius: 0; background-color: var(--ln-accent-btn); background-image: none; box-shadow: none; font-family: var(--ln-font-body); font-size: 14px !important; font-weight: 500 !important; line-height: 1.2 !important; letter-spacing: .12em !important; text-transform: uppercase !important; color: var(--ln-surface); cursor: pointer; transition: background-color .35s var(--ln-ease), border-color .35s var(--ln-ease); } .single-product #content div.product div.summary form.cart .single_add_to_cart_button:hover, .single-product #content div.product div.summary form.cart .single_add_to_cart_button:focus-visible { border-color: var(--ln-accent-deep); background-color: var(--ln-accent-deep); color: var(--ln-surface); } .single-product #content div.product div.summary form.cart .single_add_to_cart_button.disabled, .single-product #content div.product div.summary form.cart .single_add_to_cart_button[disabled] { border-color: var(--ln-border); background-color: transparent; color: var(--ln-text-soft); cursor: not-allowed; } .single-product #content div.product div.summary form.cart .single_add_to_cart_button.loading { opacity: .62; cursor: progress; } .single-product #content div.product div.summary form.cart .single_add_to_cart_button.loading::after { position: static; margin-left: 8px; } .single-product #content div.product .ln-accordion { margin: 0; } .single-product #content div.product .ln-accordion .ln-accord { border-top: 1px solid var(--ln-border); } .single-product #content div.product .ln-accordion .ln-accord:last-child { border-bottom: 1px solid var(--ln-border); } .single-product #content div.product .ln-accordion .ln-accord__head { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 0; list-style: none; cursor: pointer; color: var(--ln-text); transition: color .3s var(--ln-ease); } .single-product #content div.product .ln-accordion .ln-accord__head::-webkit-details-marker { display: none; } .single-product #content div.product .ln-accordion .ln-accord__head::marker { content: none; } .single-product #content div.product .ln-accordion .ln-accord__head:hover { color: var(--ln-accent-deep); } .single-product #content div.product .ln-accordion .ln-accord__head:focus-visible { outline: 1px solid var(--ln-accent-deep); outline-offset: 4px; } .single-product #content div.product .ln-accordion .ln-accord__title { font-family: var(--ln-font-body); font-size: var(--ln-fs-base); font-weight: 500; line-height: 1.4; letter-spacing: .01em; } .single-product #content div.product .ln-accordion .ln-accord__chev { flex: 0 0 auto; width: 16px; height: 16px; color: var(--ln-text-soft); transition: transform .3s var(--ln-ease), color .3s var(--ln-ease); } .single-product #content div.product .ln-accordion .ln-accord[open] .ln-accord__chev { transform: rotate(180deg); } .single-product #content div.product .ln-accordion .ln-accord__panel { padding: 0 0 20px; } .single-product #content div.product .ln-accordion .ln-accord__panel > h2:first-child { display: none; } .single-product #content div.product .ln-accordion .ln-accord__panel > *:first-child { margin-top: 0; } .single-product #content div.product .ln-accordion .ln-accord__panel > *:last-child { margin-bottom: 0; } .single-product #content div.product .ln-accordion .ln-accord__panel p { margin: 0; max-width: var(--ln-measure); font-size: var(--ln-fs-base); line-height: 1.75; color: var(--ln-text-soft); } .single-product #content div.product .ln-accordion .ln-accord__panel p + p { margin-top: 14px; } .single-product #content div.product .ln-accordion .ln-accord__panel ul, .single-product #content div.product .ln-accordion .ln-accord__panel ol { margin: 0 0 16px; padding-left: 20px; } .single-product #content div.product .ln-accordion .ln-accord__panel ul { list-style: disc; } .single-product #content div.product .ln-accordion .ln-accord__panel ol { list-style: decimal; } .single-product #content div.product .ln-accordion .ln-accord__panel li { margin: 0 0 8px; font-size: var(--ln-fs-base); line-height: 1.75; color: var(--ln-text-soft); } .single-product #content div.product .ln-accordion .ln-accord__panel li::marker { color: var(--ln-text); } .single-product #content div.product .ln-accordion .ln-accord__panel li:last-child { margin-bottom: 0; } .single-product #content div.product .ln-accordion .shop_attributes { width: 100%; margin: 0; border: 0; border-collapse: collapse; } .single-product #content div.product .ln-accordion .shop_attributes th { width: 40%; max-width: 220px; padding: 12px 16px 12px 0; border: 0; border-bottom: 1px solid var(--ln-border); vertical-align: top; font-family: var(--ln-font-body); font-size: var(--ln-fs-sm); font-weight: 500; line-height: 1.5; letter-spacing: .01em; text-align: left; color: var(--ln-text); } .single-product #content div.product .ln-accordion .shop_attributes td { padding: 12px 0; border: 0; border-bottom: 1px solid var(--ln-border); vertical-align: top; font-family: var(--ln-font-body); font-size: var(--ln-fs-sm); font-style: normal; font-weight: 400; line-height: 1.6; letter-spacing: 0; color: var(--ln-text-soft); } .single-product #content div.product .ln-accordion .shop_attributes td p { margin: 0; padding: 0; } .single-product #content div.product .ln-accordion .shop_attributes td p + p { margin-top: 8px; } .single-product #content div.product .ln-accordion .shop_attributes tr:last-child th, .single-product #content div.product .ln-accordion .shop_attributes tr:last-child td { border-bottom: 0; } .single-product #content div.product .ln-product-story { display: grid; flex: 0 0 100%; grid-template-columns: minmax(0, 1.18fr) minmax(360px, .82fr); align-items: stretch; width: 100%; margin-top: var(--ln-section); background: var(--ln-bg-2); } .single-product #content div.product .ln-product-story__media { min-width: 0; margin: 0; overflow: hidden; background: var(--ln-surface); } .single-product #content div.product .ln-product-story__media > *, .single-product #content div.product .ln-product-story__media a { display: block; width: 100%; height: 100%; margin: 0; } .single-product #content div.product .ln-product-story__media .wp-caption { max-width: none; } .single-product #content div.product .ln-product-story__media img { display: block; width: 100%; height: 100%; min-height: 480px; aspect-ratio: 3 / 2; object-fit: cover; } .single-product #content div.product .ln-product-story__copy { display: flex; min-width: 0; flex-direction: column; justify-content: center; padding: clamp(48px, 5.5vw, 88px); } .single-product #content div.product .ln-product-story__copy h2 { margin: 0 0 24px; font-family: var(--ln-font-heading); font-size: clamp(28px, 3vw, 42px); font-weight: 500; line-height: 1.2; letter-spacing: -.015em; color: var(--ln-text); } .single-product #content div.product .ln-product-story__content { font-family: var(--ln-font-body); font-size: var(--ln-fs-base); line-height: 1.8; color: var(--ln-text-soft); } .single-product #content div.product .ln-product-story__content > *:first-child { margin-top: 0; } .single-product #content div.product .ln-product-story__content > *:last-child { margin-bottom: 0; } .single-product #content div.product .ln-product-story__content p { margin: 0 0 18px; } .single-product #content div.product .ln-product-story__content ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 28px; margin: 30px 0 0; padding: 0; list-style: none; } .single-product #content div.product .ln-product-story__content li { position: relative; min-width: 0; padding-left: 22px; line-height: 1.55; } .single-product #content div.product .ln-product-story__content li::before { position: absolute; top: .67em; left: 0; width: 7px; height: 7px; border: 1px solid var(--ln-accent-btn); border-radius: 50%; content: ''; transform: translateY(-50%); } .single-product #content div.product .ln-product-story--text-only { display: block; } .single-product #content div.product .ln-product-story--text-only .ln-product-story__copy { max-width: 780px; margin-inline: auto; } .single-product #content div.product section.related { margin-top: var(--ln-section); } .single-product #content div.product section.related > h2 { margin: 0 0 32px; font-family: var(--ln-font-heading); font-size: var(--ln-fs-h2); font-weight: 500; line-height: 1.25; letter-spacing: .005em; color: var(--ln-text); } .single-product #content div.product section.related ul.products { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 30px !important; margin: 0 !important; padding: 0 !important; float: none !important; list-style: none !important; } .single-product #content div.product section.related ul.products::before, .single-product #content div.product section.related ul.products::after { display: none !important; content: none !important; } .single-product #content div.product section.related ul.products li.product { position: relative; float: none !important; clear: none !important; width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; text-align: left !important; } .single-product #content div.product section.related ul.products li.product a img { width: 100% !important; height: auto !important; max-width: none !important; aspect-ratio: 4 / 5; object-fit: cover; margin: 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background-color: var(--ln-bg-2); transition: transform .55s var(--ln-ease); } .single-product #content div.product section.related ul.products li.product:hover a img { transform: scale(1.035); } .single-product #content div.product section.related ul.products li.product > a.woocommerce-loop-product__link, .single-product #content div.product section.related ul.products li.product .astra-shop-thumbnail-wrap { display: block; overflow: hidden; margin: 0; } .single-product #content div.product section.related ul.products li.product .woocommerce-loop-product__title { margin: 0 !important; padding: 0 !important; font-family: var(--ln-font-body) !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.35; letter-spacing: .01em; text-align: left !important; color: var(--ln-text) !important; } .single-product #content div.product section.related ul.products li.product .price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 6px; margin: 0 !important; padding: 0; font-family: var(--ln-font-body); font-size: 14px; font-weight: 500; letter-spacing: .01em; text-align: left !important; color: var(--ln-text) !important; } .single-product #content div.product section.related ul.products li.product .price span { font-family: var(--ln-font-body); } .single-product #content div.product section.related ul.products li.product .price del { font-size: 14px !important; opacity: 1; color: var(--ln-text-muted) !important; text-decoration: line-through !important; font-weight: 400 !important; } .single-product #content div.product section.related ul.products li.product .price ins { text-decoration: none; color: var(--ln-text) !important; } .single-product #content div.product section.related ul.products li.product .price ins .woocommerce-Price-amount { color: var(--ln-accent-btn); font-weight: 600; } .single-product #content div.product section.related ul.products li.product .ast-woo-product-category { display: none !important; } .single-product #content div.product section.related ul.products li.product .button { display: none !important; } .single-product #content div.product section.related ul.products li.product .astra-shop-thumbnail-wrap { position: relative; } .single-product #content div.product section.related ul.products li.product a.ast-on-card-button.add_to_cart_button { position: absolute !important; top: auto !important; bottom: 10px !important; right: 10px !important; left: auto !important; z-index: 3; opacity: 0; visibility: hidden; transition: opacity .3s var(--ln-ease), visibility .3s var(--ln-ease), background-color .3s var(--ln-ease), color .3s var(--ln-ease); display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; padding: 0; border: 0; border-radius: 50%; background-color: rgba(255, 255, 255, .85); color: var(--ln-accent-btn) !important; text-decoration: none; } .single-product #content div.product section.related ul.products li.product a.ast-on-card-button.add_to_cart_button svg { width: 15px; height: 15px; fill: currentColor; } .single-product #content div.product section.related ul.products li.product .ast-card-action-tooltip { display: none !important; } .single-product #content div.product section.related ul.products li.product:hover a.ast-on-card-button.add_to_cart_button, .single-product #content div.product section.related ul.products li.product:focus-within a.ast-on-card-button.add_to_cart_button { opacity: 1; visibility: visible; } .single-product #content div.product section.related ul.products li.product a.ast-on-card-button.add_to_cart_button:hover { background-color: var(--ln-accent-btn); color: #fff !important; } @media (hover: none), (max-width: 768px) { .single-product #content div.product section.related ul.products li.product a.ast-on-card-button.add_to_cart_button { opacity: 1; visibility: visible; } } .single-product #content div.product section.related ul.products li.product .added_to_cart { display: none !important; } .single-product #content div.product section.related ul.products li.product a.ast-on-card-button:not(.add_to_cart_button) { display: none !important; } .single-product #content div.product section.related ul.products li.product .ast-woo-product-category, .single-product #content div.product section.related ul.products li.product .onsale, .single-product #content div.product section.related ul.products li.product .ln-cardterm, .single-product #content div.product section.related ul.products li.product .product-categories, .single-product #content div.product section.related ul.products li.product .posted_in { display: none !important; } .single-product #content div.product section.related ul.products li.product .ast-onsale-card { display: none !important; } @media (prefers-reduced-motion: reduce) { .single-product #content div.product section.related ul.products li.product:hover a img { transform: none; } .single-product #content div.product .ln-accordion .ln-accord__chev { transition: none; } } @media (max-width: 980px) { .single-product { --ln-product-title: clamp(28px, 3.4vw, 34px); --ln-summary: 36%; --ln-thumb: 72px; --ln-thumb-gap: 12px; } .single-product #content div.product section.related ul.products { gap: 24px !important; } .single-product #content div.product .ln-product-story { grid-template-columns: minmax(0, 1.05fr) minmax(330px, .95fr); } .single-product #content div.product .ln-product-story__media img { min-height: 420px; } } @media (max-width: 760px) { .single-product #content div.product div.images, .single-product #content div.product div.summary { flex: 0 0 100%; max-width: 100% !important; } .single-product #content div.product div.images { margin-right: 0 !important; } .single-product #content div.product .ln-gallery-rail { flex: 0 0 100%; flex-direction: row; flex-wrap: wrap; gap: 10px; position: static; margin: 0 0 16px; } .single-product #content div.product .ln-gallery-rail__item { flex: 0 0 64px; width: 64px; } .single-product #content div.product .ln-gallery-rail__img { width: 100%; } .single-product { --ln-product-title: 28px; } .single-product #content div.product div.summary { margin-top: 32px !important; } .single-product #content div.product .ln-product-story { grid-template-columns: minmax(0, 1fr); } .single-product #content div.product .ln-product-story__media img { min-height: 0; aspect-ratio: 4 / 3; } .single-product #content div.product .ln-product-story__copy { padding: 48px 28px 54px; } } @media (max-width: 640px) { .single-product #content div.product section.related ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .single-product #content div.product section.related ul.products li.product .woocommerce-loop-product__title { font-size: 15px !important; } .single-product #content div.product .ln-product-story__content ul { grid-template-columns: minmax(0, 1fr); } } .single-product #content div.product section.related ul.products li.product .astra-shop-summary-wrap { display: flex; flex-direction: column; flex: 1; padding: 18px 0 0; gap: 6px; text-align: left !important; } body.single-product { --ln-detail-font: 'Manrope', sans-serif; --ln-font-heading: var(--ln-detail-font); --ln-font-body: var(--ln-detail-font); --ln-detail-name-size: 26px; --ln-detail-story-size: 18px; --ln-detail-section-size: 14px; --ln-detail-body-size: 14px; --ln-detail-price-size: 18px; --ln-detail-color: #333; --ln-detail-body-color: #666; } body.single-product #content div.product .summary .product_title { font-family: var(--ln-detail-font) !important; font-size: var(--ln-detail-name-size) !important; font-weight: 500; line-height: 1.25 !important; color: var(--ln-detail-color) !important; } body.single-product #content div.product .summary .price, body.single-product #content div.product .summary .price .woocommerce-Price-amount, body.single-product #content div.product .summary .price .woocommerce-Price-currencySymbol { font-family: var(--ln-detail-font) !important; font-size: var(--ln-detail-price-size) !important; line-height: 1.4 !important; color: var(--ln-detail-color) !important; } body.single-product #content div.product .woocommerce-product-details__short-description, body.single-product #content div.product .woocommerce-product-details__short-description :where(p,span,em,strong,b,i,small,a,ul,ol,li), body.single-product #content div.product .woocommerce-product-details__short-description :where(p, li, h1, h2, h3, h4, h5, h6), body.single-product #content div.product .ln-product-story__content, body.single-product #content div.product .ln-product-story__content :where(p, li, dt, dd, th, td), body.single-product #content div.product .ln-accord__panel, body.single-product #content div.product .ln-accord__panel :where(p, li, dt, dd, th, td) { font-family: var(--ln-detail-font) !important; font-size: var(--ln-detail-body-size) !important; font-weight: 400 !important; line-height: 1.85 !important; color: var(--ln-detail-body-color) !important; } body.single-product #content div.product .woocommerce-product-details__short-description :where(p, li, h1, h2, h3, h4, h5, h6) :where(span, strong, b, em, small, a), body.single-product #content div.product .ln-product-story__content :where(p, li, dt, dd, th, td) :where(span, strong, b, em, small, a), body.single-product #content div.product .ln-accord__panel :where(p, li, dt, dd, th, td) :where(span, strong, b, em, small, a) { font-family: var(--ln-detail-font) !important; font-size: inherit !important; color: inherit !important; } body.single-product #content div.product .ln-product-story__content :where(h1, h2, h3), body.single-product #content div.product .ln-product-story__content :where(h1, h2, h3) :where(span, strong, b, em, a) { font-family: var(--ln-detail-font) !important; font-size: var(--ln-detail-story-size) !important; font-weight: 500; line-height: 1.3 !important; color: var(--ln-detail-color) !important; } body.single-product #content div.product .ln-accord__title, body.single-product #content div.product .ln-accord__panel :where(h2, h3, h4, h5, h6), body.single-product #content div.product .ln-product-story__content :where(h4, h5, h6) { font-family: var(--ln-detail-font) !important; font-size: var(--ln-detail-section-size) !important; font-weight: 400; line-height: 1.4 !important; color: var(--ln-detail-color) !important; } @media (max-width: 760px) { body.single-product { --ln-detail-name-size: 22px; --ln-detail-story-size: 22px; } } .single-product #content div.product .ln-product-story__room-nav { width: 100%; min-width: 0; margin: 28px 0 0; padding: 18px 0 0; border-top: 1px solid rgba(115, 72, 32, .18); color: #2A2522; } .single-product #content div.product .ln-product-story__room-eyebrow { display: block; margin: 0 0 8px; font-family: var(--ln-detail-font); font-size: 14px; font-weight: 500; line-height: 1.5; letter-spacing: .14em; color: #6E6862; } .single-product #content div.product .ln-product-story__room-link { display: inline-flex; align-items: baseline; column-gap: .3em; max-width: 100%; padding: 0; border: 0; background: transparent; font-family: var(--ln-detail-font); font-size: clamp(20px, 1.7vw, 23px); font-weight: 400; line-height: 1.4; color: #2A2522; text-decoration: none; overflow-wrap: anywhere; } .single-product #content div.product .ln-product-story__room-link:hover { color: #734820; text-decoration: underline; text-underline-offset: 4px; } .single-product #content div.product .ln-product-story__room-link:focus-visible { outline: 1px solid #734820; outline-offset: 5px; } .single-product #content div.product .ln-product-story__room-arrow { display: inline-block; flex: 0 0 auto; font-family: var(--ln-detail-font); font-size: .72em; vertical-align: .08em; } html body.single-product #content div.product :is(.ln-final-eyebrow,.ln-final-crumb,.ln-crumbs,.ln-product-story__content,.ln-product-story__room-eyebrow,.ln-product-story__room-link,.ln-product-story__room-arrow,.ln-product-note,.ln-product-badges){font-family:var(--ln-detail-font)!important} html body.single-product #content div.product .summary :is(button,input,select,textarea,label,dt,dd){font-family:var(--ln-detail-font)!important} html body.single-product #content div.product .summary :is(.ln-final-title__name,.ln-final-title__description){font-family:inherit} html body.single-product #content div.product .ln-accord--ln_story .ln-accord__panel h2{font:400 18px/1.5 'Manrope',sans-serif!important;color:#333!important;letter-spacing:-.02em;margin:0 0 10px} html body.single-product #content div.product .ln-accord--ln_story .ln-accord__panel h3{font:400 14px/1.6 'Manrope',sans-serif!important;color:#444!important;margin:18px 0 8px} html body.single-product #content div.product .ln-accord__panel img{max-width:100%;height:auto} html body.single-product #content div.product .ln-accord__panel :is(table,th,td){font-family:'Manrope',sans-serif;font-size:12px;line-height:1.7} html body.single-product #content div.product .ln-accord__panel :is(p,ul,ol,dl,table){color:#666} html body.single-product #content div.product div.summary .price, html body.single-product #content div.product div.summary .price :is(.woocommerce-Price-amount,.woocommerce-Price-currencySymbol,bdi,ins,del,strong,b){font-family:var(--ln-detail-font)!important;font-weight:400!important;font-variant-numeric:tabular-nums} html body.single-product #content div.product div.summary .woocommerce-product-details__short-description, html body.single-product #content div.product div.summary .woocommerce-product-details__short-description :is(p,span,em,strong,b,i,small,a,ul,ol,li){font-family:var(--ln-detail-font)!important;font-size:14px!important;font-weight:400!important;line-height:1.85!important;color:#666!important} html body.single-product #content div.product div.summary>.price{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px 13px;font-size:18px;line-height:1.5;margin-bottom:24px;font-variant-numeric:tabular-nums} html body.single-product #content div.product div.summary>.price .ln-price-from{font-size:13px!important;line-height:1.8;color:#888!important;white-space:nowrap} html body.single-product #content div.product div.summary>.price del{display:inline!important;font-size:16px!important;line-height:1.5!important;opacity:1;color:#98918b!important;text-decoration:line-through;white-space:nowrap} html body.single-product #content div.product div.summary>.price ins{display:inline;background:none;text-decoration:none;font-size:24px!important;line-height:1.5!important;font-weight:400!important;color:#6a1b1a!important;white-space:nowrap} html body.single-product #content div.product div.summary>.price :is(del,ins) :is(.woocommerce-Price-amount,.woocommerce-Price-currencySymbol,bdi){font-size:inherit!important;line-height:inherit!important;color:inherit!important} html body.single-product #content div.product div.summary>.price:has(+.ln-product-price-saving:not([hidden])){margin-bottom:0} html body.single-product #content div.product .ln-product-price-saving{font-family:var(--ln-detail-font);font-size:11px;line-height:1.8;color:#836358;margin:5px 0 24px;letter-spacing:.025em} html body.single-product #content div.product .ln-product-price-saving[hidden]{display:none!important} html body.single-product #content div.product .ln-product-price-saving :is(.woocommerce-Price-amount,.woocommerce-Price-currencySymbol,bdi){font-size:inherit!important;font-weight:400!important;color:inherit!important} html body.single-product #content div.product form.variations_form.ln-variation-price-synced .woocommerce-variation-price{display:none!important} @media(max-width:700px){html body.single-product #content div.product div.summary>.price ins{font-size:23px!important}html body.single-product #content div.product div.summary>.price del{font-size:15px!important}} .single-product #content div.product div.images .woocommerce-product-gallery__image>.ln-static-product-image{display:block;width:100%;line-height:0;cursor:default!important;transform:none!important;touch-action:pan-y pinch-zoom} .single-product #content div.product div.images .woocommerce-product-gallery__image>:is(a,.ln-static-product-image), .single-product #content div.product div.images .woocommerce-product-gallery__image img{cursor:default!important;pointer-events:none} @media(max-width:760px){body.ln-final-product #content div.product div.images.ln-mobile-gallery-ready .woocommerce-product-gallery__image>.ln-static-product-image{height:100%}} html body.single-product #content div.product div.images .woocommerce-product-gallery__image{position:relative;isolation:isolate;overflow:hidden;touch-action:pan-y pinch-zoom} html body.single-product #content div.product div.images .woocommerce-product-gallery__image.ln-inline-zoom-ready{cursor:zoom-in} html body.single-product #content div.product div.images .woocommerce-product-gallery__image.ln-inline-zoomed{cursor:zoom-out} html body.single-product #content div.product div.images .woocommerce-product-gallery__image::before{content:'';position:absolute;inset:0;z-index:2;display:block;background-color:#fff;background-image:var(--ln-inline-zoom-image,none);background-repeat:no-repeat;background-position:center;background-size:contain;transform:scale(1);transform-origin:var(--ln-inline-zoom-origin,50% 50%);opacity:0;visibility:hidden;pointer-events:none;transition:transform .18s ease,opacity .12s ease} html body.single-product #content div.product div.images .woocommerce-product-gallery__image.ln-inline-zoomed::before{transform:scale(1.85);opacity:1;visibility:visible} html body.single-product #content div.product div.images .woocommerce-product-gallery__image.ln-inline-zoom-ready:focus-visible{outline:1px solid #7e796b;outline-offset:3px} html body.single-product #content div.product div.images .ln-gallery-magnifier{display:none!important} @media(prefers-reduced-motion:reduce){html body.single-product #content div.product div.images .woocommerce-product-gallery__image::before{transition:none}}