/** Shopify CDN: Minification failed Line 139:0 Unexpected "}" **/ .product-main:has(custom-select.is-open) { position: relative; z-index: 4; } .product-main .product-media { margin-top: calc(5 * var(--space-unit)); margin-bottom: calc(5 * var(--space-unit)); } .product-details__calc .h4 { margin-bottom: 1.1em; } @media (min-width: 769px) { :root { --product-column-padding: calc(8 * var(--space-unit)); --product-info-width: 47%; } .shopify-section:not(.product-details) { clear: both; } .product-breadcrumbs .breadcrumbs { width: calc(100% - var(--product-info-width)); padding-inline-end: var(--product-column-padding); overflow: hidden; } .product-main:has(.product-breadcrumbs) .product-media, .product-main:has(.product-breadcrumbs) .product-info { padding-top: 0; } .product-main:has(.product-breadcrumbs) .product-info::before, .product-main:has(.product-breadcrumbs) .product-info::after { top: calc(-10 * var(--space-unit) - 1em - 2px); } .shopify-section + .product-main { margin-top: -1px; } .shopify-section + .product-main::before, .product-details + .shopify-section::before, .product-main + .shopify-section:not(.product-details)::before { content: ""; display: block; position: relative; z-index: -1; width: 100%; height: 1px; background-color: rgba(var(--text-color)/0.15); } .product-main .product-media, .product-main + .product-details > .container { width: calc(100% - var(--product-info-width)); float: left; clear: left; border-inline-end: 1px solid rgba(var(--text-color)/0.15); } .product-main .product-media { margin-top: 0; margin-bottom: 0; padding-top: calc(10 * var(--space-unit)); padding-bottom: calc(10 * var(--space-unit)); padding-inline-end: var(--product-column-padding); } .product-main .product-info { position: relative; width: var(--product-info-width); padding: calc(10 * var(--space-unit)) 0; padding-inline-start: var(--product-column-padding); float: right; background-color: rgba(var(--bg-color)); } .product-main .product-info::before, .product-main .product-info::after { content: ""; position: absolute; top: 0; bottom: -2px; left: -1px; width: 1px; background-color: rgba(var(--bg-color)); } .product-main .product-info::after { background-color: rgba(var(--text-color)/0.15); } .product-main .product-info--sticky { min-height: var(--sticky-height, 0); } .product-info__sticky { position: sticky; top: var(--header-end-padded, 48px); padding-bottom: 0; } .product-main + .product-details { max-width: calc(var(--page-width, 1320px) + var(--gutter) * 2); margin: 0 auto; padding: 0 var(--gutter); } .product-main + .product-details > .container { max-width: none; margin: 0; padding-top: calc(2 * var(--space-unit)); padding-bottom: calc(10 * var(--space-unit)); padding-inline-start: 0; padding-inline-end: var(--product-column-padding); } .product-main + .product-details + .shopify-section::before { top: 1px; } [dir=rtl] .product-main .product-media, [dir=rtl] .product-main + .product-details > .container { float: right; clear: right; } [dir=rtl] .product-main .product-info { float: left; } [dir=rtl] .product-main .product-info::before, [dir=rtl] .product-main .product-info::after { right: -1px; left: auto; } } @media (min-width: 1280px) { :root { --product-column-padding: calc(12 * var(--space-unit)); } .product-main .product-media, .product-main .product-info { padding-top: calc(12 * var(--space-unit)); } } .btn.btn--primary.w-full.klaviyo-bis-trigger { width: 100%; } } /* ✅ Fancy primary button */ .rebuy-button { background: linear-gradient(90deg, rgba(91, 91, 225, 1), rgba(249, 100, 195, 1) 100%); color: white; font-weight: 500; border: 2px solid white; margin-bottom: 14px; transition: transform 0.2s ease; box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.1), 0 4px 10px rgba(236, 72, 153, 0.2), 0 8px 20px rgba(99, 102, 241, 0.25); } /* ✅ Inventory text and dot */ product-inventory .product-inventory__text { display: flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 500; } product-inventory .product-inventory__status { display: flex; align-items: center; gap: 6px; padding-left: 6px; } product-inventory .product-inventory__status::before { content: ""; display: inline-block; width: 10px; height: 10px; background-color: #34d399; border-radius: 50%; box-shadow: 0 0 4px rgba(52, 211, 153, 0.6); animation: dot-glow 1.5s ease-in-out infinite; } @keyframes dot-glow { 0%, 100% { box-shadow: 0 0 4px rgba(52, 211, 153, 0.5), 0 0 8px rgba(52, 211, 153, 0.3); } 50% { box-shadow: 0 0 10px rgba(52, 211, 153, 0.9), 0 0 14px rgba(52, 211, 153, 0.5); } } product-inventory[data-inventory-level="very-low"] .product-inventory__status::before { background-color: #f87171; animation: pulse-red 1s ease-in-out infinite; } /* rebuy */ .rebuy-checkbox:checked, input[type=checkbox].rebuy-checkbox:checked, .rebuy-cart .rebuy-checkbox:checked { background: linear-gradient(90deg, rgba(91, 91, 225, 1), rgba(249, 100, 195, 1) 100%); } /* ✅ Product media styling */ .media { border-radius: 18px; } shopify-payment-terms { display: none; } /* Product Info Card */ /* Product Info Card .product-info { box-shadow: 0 0 25px rgba(197, 116, 244, 0.15), 0 0 55px rgba(92, 92, 224, 0.1); animation: glowPulse 4s ease-in-out infinite; padding: 24px 24px !important; gap: 40px; border-radius: 18px; border-radius: 18px; border: 1.5px solid rgba(255, 255, 255, 0.3); background-color: #EFEAFF; /* soft lavender – try #E6E9FF or #FFF0FA for other looks border-radius: 12px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05); transition: background-color 0.3s ease; } @keyframes glowPulse { 0%, 100% { box-shadow: 0 0 10px rgba(197, 116, 244, 0.2), 0 0 30px rgba(92, 92, 224, 0.15); } 50% { box-shadow: 0 0 25px rgba(197, 116, 244, 0.4), 0 0 45px rgba(92, 92, 224, 0.3); } } @media screen and (max-width: 640px) { .product-info { padding: 12px 16px !important; } } .product-main .product-info::before, .product-main .product-info::after { width: 0px; } */