/** Shopify CDN: Minification failed Line 7:4011 Unexpected "}" Line 266:0 Expected "}" to go with "{" **/ .product-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 1rem } .product-card__image { width: 100%; height: auto; aspect-ratio: 1; object-fit: cover } ::selection { background: color-mix(in srgb, var(--color-accent) 20%, transparent); color: inherit } *:focus-visible { outline: 1px solid #c9a96e; outline-offset: 3px } ::-webkit-scrollbar { width: 6px } ::-webkit-scrollbar-track { background: transparent } ::-webkit-scrollbar-thumb { background: var(--color-accent); border-radius: 3px } .header { background-color: transparent } .menu-list__link, .menu-list__link .menu-list__link-title { letter-spacing: 0.12em } @media screen and (min-width: 750px) { #ResultsList product-card .price, #ResultsList product-card .compare-at-price, .section-resource-list .resource-list__item product-card .price, .section-resource-list .resource-list__item product-card .compare-at-price { font-size: calc(1rem + 1px) } } .header__icons a, .header__icon, header [class*="icon-wrapper"], header button[type="button"] { opacity: 0.85; transition: opacity 0.2s ease, color 0.2s ease } .header__icons a:hover, .header__icon:hover, header [class*="icon-wrapper"]:hover, header button[type="button"]:hover { opacity: 1; color: var(--color-accent) } .header__submenu, .header-menu__submenu, [class*="nav-submenu"], [class*="mega-menu__panel"], [class*="dropdown-panel"] { border-top: 2px solid #C4A265; box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18); background-color: rgba(255, 255, 255, 0.98); backdrop-filter: none; -webkit-backdrop-filter: none } .header__submenu a, .header-menu__submenu a, [class*="nav-submenu"] a { font-family: var(--font-subheading--family); font-size: 0.68rem; letter-spacing: 0.2em; text-transform: uppercase; font-weight: 400; transition: color 0.2s ease } .header__submenu a:hover, .header-menu__submenu a:hover, [class*="nav-submenu"] a:hover { color: var(--color-accent) } .header--transparent, .header[data-transparent="true"] { background: transparent; border-bottom-color: rgba(196, 162, 101, 0.1) } .announcement-bar { font-size: 0.65rem; letter-spacing: 0.2em } .card-gallery, product-card .card-gallery { --border-radius: 14px; border-radius: 14px; overflow: hidden; aspect-ratio: var(--gallery-aspect-ratio, 4 / 3); width: 100% } product-card slideshow-slides > slideshow-slide:first-child img { transition: transform 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) } product-card:hover slideshow-slides > slideshow-slide:first-child img { transform: scale(1.04) } product-card .card-gallery slideshow-slides { scroll-behavior: auto; position: relative } product-card .card-gallery slideshow-slides > slideshow-slide:nth-child(2) { position: absolute; inset: 0; opacity: 0; transition: opacity 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94); pointer-events: none; display: none } product-card .card-gallery:hover slideshow-slides > slideshow-slide:nth-child(2) { opacity: 1 } @media (hover: none), (pointer: coarse), (max-width: 749px) { product-card:hover slideshow-slides > slideshow-slide:first-child img { transform: none } } product-card .card-gallery slideshow-arrows { display: none } product-card h3, product-card .h4, product-card .product-title, product-card [class*="product-title"] { font-size: 0.78rem; line-height: 1.5; letter-spacing: 0.01em; font-weight: 400 } product-card product-price > div, .resource-card product-price > div { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.22rem 0.42rem } product-card .price, .resource-card .price { font-family: var(--font-heading--family); font-size: 1rem; line-height: 1.05; font-weight: 500; color: var(--color-text-gold); letter-spacing: -0.01em } product-card .compare-at-price, .resource-card .compare-at-price { font-family: var(--font-heading--family); font-size: 1rem; line-height: 1.05; font-weight: 500; color: rgba(110, 98, 84, 0.82); opacity: 1; letter-spacing: -0.01em; text-decoration: line-through; text-decoration-thickness: 1.2px; text-decoration-color: currentColor } } product-card .lux-product-material-slot, .resource-card .lux-product-material-slot { margin-top: 0.15rem } product-card .lux-product-material, .resource-card .lux-product-material { --lux-material-border: rgba(138, 122, 100, 0.22); --lux-material-bg: linear-gradient(180deg, rgba(255, 252, 247, 0.82) 0%, rgba(248, 242, 233, 0.96) 100%); --lux-material-fg: #8a7351; display: inline-flex; align-items: center; gap: 0.34rem; margin: 0; padding: 0.18rem 0.58rem; border: 1px solid var(--lux-material-border); border-radius: 999px; background: var(--lux-material-bg); color: var(--lux-material-fg); font-family: var(--font-heading--family); font-style: var(--font-heading--style); font-size: 0.63rem; line-height: 1.05; letter-spacing: 0.04em; text-transform: uppercase; font-weight: 500; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 1px 2px rgba(49, 33, 12, 0.04) } product-card .lux-product-material .lux-mat-dot, .resource-card .lux-product-material .lux-mat-dot { width: 0.48rem; height: 0.48rem; border-radius: 50%; flex: 0 0 0.48rem; background: currentColor; box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.58), 0 0 0 1px rgba(122, 101, 76, 0.12) } product-card .lux-product-material--gold, product-card .lux-product-material--gold-plated, .resource-card .lux-product-material--gold, .resource-card .lux-product-material--gold-plated { --lux-material-border: rgba(176, 143, 79, 0.28); --lux-material-bg: linear-gradient(180deg, rgba(255, 248, 226, 0.9) 0%, rgba(247, 234, 192, 0.98) 100%); --lux-material-fg: #a88334 } product-card .lux-product-material--silver, .resource-card .lux-product-material--silver { --lux-material-border: rgba(152, 156, 164, 0.28); --lux-material-bg: linear-gradient(180deg, rgba(250, 251, 252, 0.92) 0%, rgba(235, 238, 241, 0.98) 100%); --lux-material-fg: #8d949d } product-card .lux-product-material--rose-gold, .resource-card .lux-product-material--rose-gold { --lux-material-border: rgba(177, 119, 113, 0.28); --lux-material-bg: linear-gradient(180deg, rgba(252, 241, 238, 0.92) 0%, rgba(246, 221, 215, 0.98) 100%); --lux-material-fg: #b77870 } product-card product-price, .resource-card product-price { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; align-items: end !important; column-gap: 0.65rem !important; row-gap: 0 !important; width: 100% !important; gap: 0.22rem 0.42rem } product-card product-price > [ref='priceContainer'], .resource-card product-price > [ref='priceContainer'] { display: inline-flex !important; flex: 0 1 auto !important; min-width: 0; width: auto !important; max-width: 100%; justify-self: start; align-self: end; transform: translateY(-3px) } product-card product-price > .lux-product-material-slot, .resource-card product-price > .lux-product-material-slot { display: inline-flex !important; margin: 0 0 0 auto !important; width: auto !important; max-width: 100%; justify-self: end; align-self: end; transform: translateY(-2px) } .section-resource-list .resource-list__item { display: flex } .section-resource-list .resource-list__item .product-card { width: 100% } .section-resource-list .resource-list__item .product-card__content { height: 100%; display: flex; flex-direction: column } .section-resource-list .resource-list__item .card-gallery { --gallery-aspect-ratio: 4 / 3 !important; aspect-ratio: 4 / 3 } .section-resource-list .resource-list__item .card-gallery slideshow-component, .section-resource-list .resource-list__item .card-gallery slideshow-container, .section-resource-list .resource-list__item .card-gallery slideshow-slides, .section-resource-list .resource-list__item .card-gallery slideshow-slide, .section-resource-list .resource-list__item .card-gallery .product-media-container { height: 100% } .section-resource-list .resource-list__item .card-gallery img, .section-resource-list .resource-list__item .card-gallery video, .section-resource-list .resource-list__item .card-gallery svg { width: 100%; height: 100%; object-fit: cover } .section-resource-list .resource-list__item swatches-variant-picker-component, .section-resource-list .resource-list__item .lux-swatches { min-height: 1.45rem } .section-resource-list .resource-list__item :is(h3, .h4, .product-title, [class*="product-title"]) { min-height: calc(1.5em * 3); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden } .section-resource-list .resource-list__item .product-card__content > product-price { margin-top: auto } #ResultsList .product-grid__item .product-card, #ResultsList .product-grid__item .product-card__content { height: 100% } #ResultsList .product-grid__item .product-card__content { display: flex; flex-direction: column } #ResultsList .product-grid__item .product-card__content > a.contents.user-select-text { display: block } #ResultsList .product-grid__item .product-card__content > a.contents.user-select-text > .text-block { min-height: calc(1.5em * 3); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden } #ResultsList .product-grid__item .product-card__content > product-price { margin-top: auto } .hero .h1, .hero h1 { text-shadow: 0 2px 40px rgba(0, 0, 0, 0.45); letter-spacing: -0.018em } .product-list h2, section h2.h2 { font-size: clamp(1.4rem, 2.2vw, 1.75rem); letter-spacing: -0.012em; line-height: 1.15 } .collection-card, .card-gallery { border-radius: 14px; overflow: hidden } .collection-card .card__heading { font-size: 0.7rem; letter-spacing: 0.22em; text-transform: uppercase } .marquee__item { font-family: var(--font-subheading--family); letter-spacing: 0.22em; font-size: 0.65rem } .button, [class*="button--primary"] { letter-spacing: 0.14em; font-size: 0.7rem; border-radius: var(--style-border-radius-buttons-primary, var(--border-radius)); transition: transform 0.15s ease, box-shadow 0.2s ease, background-color 0.2s ease, color 0.2s ease } .button:hover, .btn:hover, button[type="submit"]:hover { transform: translateY(-1px) } .product-information { --pdp-max: 100% } .product-information .page-width { max-width: var(--pdp-max); gap: 0.85rem !important } .product-details h1, .product-details h2 { font-size: clamp(1.16rem, 5.2vw, 1.34rem); line-height: 1.14; letter-spacing: -0.016em; font-weight: 500 } .product-details product-price > div { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 0.18rem 0.5rem } .product-details .price, .product-details .price__regular, .product-details .price__sale { font-family: var(--font-heading--family); font-size: clamp(1.24rem, 5.9vw, 1.44rem); line-height: 1.02; letter-spacing: -0.015em; font-weight: 500; color: var(--color-dark) } .product-details .compare-at-price { font-family: var(--font-heading--family); font-size: 0.84rem; line-height: 1.08; font-weight: 500; color: rgba(111, 99, 86, 0.9); opacity: 1; letter-spacing: -0.015em; text-decoration: line-through; text-decoration-thickness: 1.4px; text-decoration-color: currentColor } .product-details .tax-note { margin-top: 0.38rem; font-size: 0.82rem; line-height: 1.45 } .product-details .installments { margin-top: 0.45rem; font-size: 0.8rem; line-height: 1.45; color: rgb(var(--color-foreground-rgb) / 0.74) } .product-details .installments shopify-payment-terms { color: inherit } .product-details legend, .product-details .variant-picker__label { font-size: 0.8rem; letter-spacing: 0.09em; text-transform: uppercase; font-weight: 500; line-height: 1.22; margin-bottom: 0.18rem } .product-details [class*="variant-picker"] .button, .product-details [class*="variant-button"], .product-details [class*="swatch-button"] { font-size: 0.7rem; padding: 0.44em 0.8em; letter-spacing: 0.05em; min-height: 2.35rem } .product-details .variant-option--buttons:not(.variant-option--swatches) { gap: 0.26rem 0.3rem } .product-details .variant-option--buttons:not(.variant-option--swatches) .variant-option__button-label { border-radius: 10px; border: 1px solid rgba(39, 33, 28, 0.12); background: rgba(246, 241, 234, 0.5); padding: 0.42rem 0.58rem; min-height: 2.06rem; color: rgba(39, 33, 28, 0.84); transition: transform 0.18s ease, border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease } .product-details .variant-option--buttons:not(.variant-option--swatches) .variant-option__button-label__pill { display: none } .product-details .variant-option--buttons:not(.variant-option--swatches) .variant-option__button-label__text { font-size: 0.66rem; letter-spacing: 0.01em; line-height: 1.2 } .product-details .variant-option--buttons:not(.variant-option--swatches) .variant-option__button-label:hover { transform: translateY(-1px); border-color: rgba(120, 98, 67, 0.28); background: var(--color-background-cream) } .product-details .variant-option--buttons:not(.variant-option--swatches) .variant-option__button-label:has(:checked) { border-color: var(--color-dark); background: var(--color-dark); color: var(--color-background-light); box-shadow: 0 10px 18px rgba(23, 18, 13, 0.12); transform: translateY(-1px) } .product-details .variant-option--buttons:not(.variant-option--swatches) .variant-option__button-label:has(:checked) .variant-option__button-label__text { color: var(--color-background-light); font-weight: 500 } .product-details [name="add"], .product-details .add-to-cart-button { font-size: 0.66rem; letter-spacing: 0.17em; text-transform: uppercase; padding-block: 1.02em; font-weight: 600; box-shadow: 0 12px 24px rgba(15, 13, 11, 0.14); min-height: 3rem } .product-details .buy-buttons-block { margin-top: 0.05rem } .product-details .product-form-buttons { gap: 0.42rem } .product-details .rte, .product-details [class*="description"] { font-size: 0.84rem; line-height: 1.75 } .product-details details summary { font-size: 0.79rem; letter-spacing: 0.11em; text-transform: uppercase; font-weight: 500; padding-block: 0.74rem; line-height: 1.3 } .product-details details [class*="content"], .product-details details p { font-size: 0.8rem; line-height: 1.65 } .product-details .lux-accordion-copy p { margin: 0 0 0.72rem } .product-details .lux-accordion-copy p:last-child { margin-bottom: 0 } .product-details [class*="stock"], .product-details [class*="badge"] { font-size: 0.66rem; letter-spacing: 0.12em } .product-details .text-block[style*="background-color: var(--color-background-warm)"] { border: 1px solid rgba(116, 101, 74, 0.12); margin-bottom: 0.1rem; padding-inline: 0.7rem } .product-details .lux-personalization-intro { margin-top: 0.3rem; padding: 0.84rem 0.84rem 0.78rem; border: 1px solid rgba(39, 33, 28, 0.09); border-radius: 14px 14px 0 0; border-bottom: none; background: radial-gradient(circle at top right, rgba(196, 162, 101, 0.12), transparent 42%), linear-gradient(180deg, rgba(196, 162, 101, 0.08) 0%, rgba(255, 255, 255, 0.94) 100%) } .product-details .lux-personalization-intro__eyebrow { margin: 0 0 0.38rem; font-size: 0.68rem; letter-spacing: 0.18em; text-transform: uppercase; color: var(--color-text-muted) } .product-details .lux-personalization-intro p:last-child { margin: 0; font-size: 0.81rem; line-height: 1.55; color: rgb(var(--color-foreground-rgb) / 0.68) } .product-details product-custom-property-component { display: block; width: 100%; border: 1px solid rgba(39, 33, 28, 0.09); border-radius: 14px; background: var(--color-background-soft); padding: 0.84rem 0.84rem 0.84rem; box-shadow: 0 8px 24px rgba(22, 18, 14, 0.03) } .product-details .lux-personalization-intro + product-custom-property-component { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; border-top: 1px solid rgba(39, 33, 28, 0.06); box-shadow: 0 10px 24px rgba(22, 18, 14, 0.04) } .product-details product-custom-property-component + product-custom-property-component { margin-top: 0.8rem } .product-details product-custom-property-component .__heading { font-size: 0.84rem; line-height: 1.35; font-weight: 600; letter-spacing: 0.04em; color: var(--color-dark) } .product-details product-custom-property-component .__description { font-size: 0.78rem; line-height: 1.58; color: rgb(var(--color-foreground-rgb) / 0.64) } .product-details product-custom-property-component textarea, .product-details product-custom-property-component input.field__input, .product-details product-custom-property-component .custom-property__input { background: rgba(255, 255, 255, 0.9); border-color: rgba(39, 33, 28, 0.12); border-radius: 12px; font-size: 0.85rem; line-height: 1.45 } .product-details product-custom-property-component textarea { min-height: 3.1rem; height: auto; overflow: hidden; resize: none; padding-top: 0.9rem; line-height: 1.45 } .product-details product-custom-property-component .checkbox { margin-top: 0.1rem } .product-details product-custom-property-component:has(.checkbox) { background: rgba(250, 247, 242, 0.72); border-color: rgba(39, 33, 28, 0.08); box-shadow: none } .product-details product-custom-property-component:has(.checkbox) .__heading { font-size: 0.76rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--color-text-muted) } .product-details product-custom-property-component:has(.checkbox) .__description { font-size: 0.74rem; margin-bottom: 0.75rem } .product-details .lux-personalization-intro + product-custom-property-component .__heading { font-size: 0.78rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--color-text-muted) } .product-details .lux-personalization-intro + product-custom-property-component .__description { margin-bottom: 0.8rem } .slideshow-controls__thumbnail { width: 64px; height: 64px } .slideshow-controls__thumbnails { gap: 6px } @media (min-width: 990px) { .product-information__media, .product-media-gallery { border-radius: var(--media-radius); overflow: clip } .product-information__details, .product-details { position: sticky; top: 96px; align-self: start } } @media screen and (min-width: 1200px) { .product-information__grid.product-information__grid--half.product-information--media-left, .section--full-width .product-information__grid.product-information__grid--half.product-information--media-left { grid-template-columns: var(--full-page-grid-margin) minmax(0, 0.92fr) minmax(360px, 0.78fr) var(--full-page-grid-margin) } .product-information__grid.product-information__grid--half.product-information--media-right, .section--full-width .product-information__grid.product-information__grid--half.product-information--media-right { grid-template-columns: var(--full-page-grid-margin) minmax(360px, 0.78fr) minmax(0, 0.92fr) var(--full-page-grid-margin) } .product-information__grid--limit-details .product-details > .group-block { --details-max-width: 29.5rem } } .trust, .trust-row, .product-trust { border-top: 1px solid rgb(var(--color-foreground-rgb) / var(--opacity-10)); border-bottom: 1px solid rgb(var(--color-foreground-rgb) / var(--opacity-10)) } .collection-page h1, .main-collection h1 { font-size: clamp(1.4rem, 2.2vw, 1.75rem) } @media (min-width: 750px) { .collection-wrapper:has(.facets--vertical) { --facets-vertical-col-width: 5 } .facets-block-wrapper--vertical { max-width: 16.75rem } .facets--vertical .facets__inputs { gap: var(--padding-md) } .facets--vertical .facets__summary { font-size: clamp(1rem, 1.1vw, 1.1rem) } .facets--vertical .price-facet__inputs-wrapper { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: var(--gap-xs); padding: 0 } .facets--vertical .price-facet__field { min-width: 0 } .facets--vertical .price-facet__input { min-width: 0; font-size: 0.92rem; padding-left: calc(2.1 * var(--input-padding-x)); padding-right: var(--input-padding-x) } .facets--vertical .price-facet__separator { font-size: 0.9rem; min-width: 1.5rem } .facets--vertical .price-facet__highest-price { font-size: 0.9rem; line-height: 1.4; padding-top: var(--padding-2xs); max-width: 22ch } } @media (min-width: 990px) { .collection-wrapper:has(.facets--vertical) { --facets-vertical-col-width: 4; } results-list ul.product-grid, .collection-wrapper ul.product-grid, .product-grid-container ul.product-grid { grid-template-columns: repeat(4, 1fr) !important } } @media (min-width: 1200px) { results-list ul.product-grid, .collection-wrapper ul.product-grid, .product-grid-container ul.product-grid { grid-template-columns: repeat(5, 1fr) !important } } @media (min-width: 750px) and (max-width: 989px) { results-list ul.product-grid, .collection-wrapper ul.product-grid, .product-grid-container ul.product-grid { grid-template-columns: repeat(3, 1fr) !important } } @media (max-width: 749px) { .hero .h1, .hero h1 { font-size: clamp(2rem, 8vw, 3rem); } .header { backdrop-filter: none; -webkit-backdrop-filter: none; } [id*="__slideshow_lux"] .layered-slideshow__container:not([size='auto']) { --layered-panel-height-mobile: clamp(320px, 52svh, 390px); } .product-information { --padding-block-start: 0px !important; --padding-block-end: 18px !important; .announcement-bar, .announcement-bar__text, .announcement-bar__link, [id*="__marquee_lux"] .marquee__item { font-size: 0.64rem; line-height: 1.4 } product-card h3, product-card .h4, product-card .product-title { font-size: 0.79rem; line-height: 1.44; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; min-height: 4.26em; letter-spacing: 0.004em } product-card .price { font-size: 0.82rem } product-card .compare-at-price { font-size: 0.82rem; line-height: 1.05 } .product-list h2 { font-size: clamp(1.2rem, 5vw, 1.5rem) } ul.product-grid { gap: 0.68rem; row-gap: 1.45rem } .header__nav-link, .header-menu__nav-link { font-size: 1rem; letter-spacing: 0.15em } .header__heading-logo { max-width: 108px } .product-information .product-media-container { --grid-template-rows: 30dvh 1fr !important } .product-details .tax-note, .product-details .installments { font-size: 0.76rem; line-height: 1.42 } .product-details .quantity-selector-wrapper { width: 100% } .product-details .quantity-selector { min-width: 5.85rem } .product-details .accelerated-checkout-block { margin-top: 0.42rem } .product-details .shopify-payment-button__button, .product-details shop-pay-wallet-button { border-radius: 10px; overflow: clip } .product-details .shopify-payment-button__more-options, .product-details more-payment-options-link, .product-details #shopify-subscription-policy-button, .product-details .accelerated-checkout-block small.hidden, .product-details .accelerated-checkout-block [href*="cancellation-policy"] { display: none !important } .product-details .lux-personalization-intro p:last-child, .product-details product-custom-property-component .__heading { font-size: 0.82rem } .product-details product-custom-property-component .__description, .product-details details [class*="content"], .product-details details p, .product-details .lux-accordion-copy p { font-size: 0.76rem; line-height: 1.58 } } footer .logo-block__image, .shopify-section-group-footer-group .logo-block__image { filter: none; mix-blend-mode: normal } .shopify-section-group-footer-group[id*='footer_main'] .footer-content { align-items: start } .shopify-section-group-footer-group[id*='footer_main'] .group-block { align-self: start } .shopify-section-group-footer-group[id*='footer_main'] .group-block-content { gap: 0.7rem } .shopify-section-group-footer-group[id*='footer_main'] .payment-icons { margin-top: 0.25rem } } @media screen and (min-width: 1200px) { .shopify-section-group-footer-group[id*='footer_main'] .footer-content { grid-template-columns: minmax(220px, 1.35fr) minmax(120px, 0.72fr) minmax(150px, 0.88fr) minmax(170px, 0.95fr) minmax(220px, 1.05fr); gap: clamp(22px, 2vw, 36px) } .shopify-section-group-footer-group[id*='footer_main'] .footer-content--isolated-grid-item-desktop > :last-child { grid-column: auto } .shopify-section-group-footer-group[id*='footer_main'] .footer-content > :nth-child(2), .shopify-section-group-footer-group[id*='footer_main'] .footer-content > :nth-child(3), .shopify-section-group-footer-group[id*='footer_main'] .footer-content > :nth-child(4) { justify-self: start; width: max-content; max-width: 100% } } .product-details .variant-option--swatches { gap: 0.46rem; align-items: flex-start } .product-details .variant-option--swatches legend { display: flex; align-items: baseline; gap: 0.5rem; margin-bottom: 0.65rem } .product-details .variant-option--swatches .variant-option__swatch-value { font-size: 0.7rem; letter-spacing: 0.03em; text-transform: none; color: rgb(var(--color-foreground-rgb) / 0.72); line-height: 1.25 } .product-details .variant-option--swatches .variant-option__button-label--stacked { display: grid; flex: 0 0 auto; justify-items: center; gap: 0.26rem; min-width: 3.1rem; max-width: 3.55rem; padding: 0; background: transparent; border: 0; box-shadow: none; overflow: visible; white-space: normal; cursor: pointer; outline: none; outline-offset: 0; isolation: isolate; transition: transform 0.22s ease, opacity 0.22s ease, color 0.22s ease } .product-details .variant-option--swatches .variant-option__button-label--stacked:hover { transform: translateY(-1px) } .product-details .variant-option--swatches .variant-option__button-label--stacked .swatch { position: relative; width: 1.58rem; height: 1.58rem; border-radius: 999px; border: 1px solid rgba(17, 17, 17, 0.14); box-shadow: inset 0 0 0 0.5px rgba(255, 255, 255, 0.48), 0 3px 9px rgba(17, 17, 17, 0.08); transition: transform 0.24s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.24s ease, box-shadow 0.24s ease } .product-details .variant-option--swatches .variant-option__button-label--stacked .swatch::after { content: ''; position: absolute; inset: -0.28rem; border-radius: inherit; background: radial-gradient(circle, rgba(201, 169, 110, 0.18) 0%, rgba(201, 169, 110, 0) 72%); opacity: 0; transform: scale(0.82); transition: opacity 0.24s ease, transform 0.24s cubic-bezier(0.16, 1, 0.3, 1); z-index: -1 } .product-details .variant-option--swatches .variant-option__button-label__text--swatch { display: block; max-width: 3.55rem; padding-inline: 0.08rem; font-size: 0.5rem; line-height: 1.2; letter-spacing: 0.04em; text-transform: uppercase; text-align: center; white-space: normal; text-wrap: balance; color: rgb(var(--color-foreground-rgb) / 0.62); transition: color 0.22s ease, transform 0.22s ease } .product-details .variant-option--swatches .variant-option__button-label--stacked:hover, .product-details .variant-option--swatches .variant-option__button-label--stacked:has(input:checked), .product-details .variant-option--swatches .variant-option__button-label--stacked:has(input:focus-visible) { outline: none; outline-offset: 0 } .product-details .variant-option--swatches .variant-option__button-label--stacked:has(input:checked) .swatch, .product-details .variant-option--swatches .variant-option__button-label--stacked:has(input:focus-visible) .swatch { border-color: var(--color-accent); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.52), 0 0 0 1px rgba(201, 169, 110, 0.42), 0 8px 18px rgba(17, 17, 17, 0.12); transform: translateY(-1px) scale(1.04) } .product-details .variant-option--swatches .variant-option__button-label--stacked:has(input:checked) .swatch::after, .product-details .variant-option--swatches .variant-option__button-label--stacked:has(input:focus-visible) .swatch::after { opacity: 1; transform: scale(1) } .product-details .variant-option--swatches .variant-option__button-label--stacked:has(input:checked) .variant-option__button-label__text--swatch { color: rgb(var(--color-foreground-rgb) / 0.96); transform: translateY(1px) } .product-details .variant-option--swatches .variant-option__button-label--stacked:has(input[aria-disabled="true"]) { opacity: 0.42; cursor: not-allowed } @media (max-width: 749px) { .product-details .variant-option--swatches { gap: 0.42rem } .announcement-bar__slides { width: 100%; max-width: none; padding-inline: 0.75rem } .announcement-bar__slider slideshow-arrows { display: none } .header__drawer, .header__icon, .header-actions__action { min-height: 2.75rem } .header .header-actions__action, .header .header__icon--menu { padding-inline: 0.32rem } .layered-slideshow__container:not([size='auto']) { --layered-panel-height-mobile: clamp(420px, 72svh, 520px) } .layered-slideshow__content { padding: 1.1rem 1rem 1.25rem !important } .layered-slideshow__content .h1, .layered-slideshow__content h1 { font-size: clamp(1.95rem, 8.8vw, 2.5rem); line-height: 1.04; max-width: 11ch } .layered-slideshow__content p { font-size: 0.9rem; line-height: 1.5; max-width: 27ch } .layered-slideshow__content .button, .layered-slideshow__content .button-secondary, .layered-slideshow__content .button--secondary { min-height: 2.95rem; width: min(100%, 16rem); justify-content: center } .section-resource-list .resource-list__item .product-card__content, #ResultsList .product-grid__item .product-card__content { gap: 0.3rem } .section-resource-list .resource-list__item swatches-variant-picker-component, #ResultsList .product-grid__item swatches-variant-picker-component { margin-bottom: 0.08rem } .product-details .variant-option--swatches { gap: 0.28rem } .product-details .lux-personalization-intro, .product-details product-custom-property-component { padding: 0.78rem 0.78rem 0.8rem; border-radius: 16px } body, button, input, select, textarea { font-size: 14.5px; line-height: 1.6 } p, li, .rte, .text-block, .details-content { line-height: 1.6 } .announcement-bar, .announcement-bar__text, .announcement-bar__link { font-size: 0.58rem; line-height: 1.35; letter-spacing: 0.15em } .menu-drawer a, .menu-drawer summary, .menu-drawer .menu__heading__accordion, .menu-drawer .menu-list__item { font-size: 0.98rem; line-height: 1.36; letter-spacing: 0.02em } .menu-drawer .menu__heading__accordion, .menu-drawer summary { letter-spacing: 0.08em } .hero .h1, .hero h1, .layered-slideshow__content .h1, .layered-slideshow__content h1 { font-size: clamp(2.02rem, 8.6vw, 2.55rem); line-height: 1.05; letter-spacing: -0.018em } .hero p, .layered-slideshow__content p { font-size: 0.93rem; line-height: 1.56 } .product-list h2, .section-resource-list h2, .main-collection .title, .main-collection h1 { font-size: clamp(1.9rem, 8vw, 2.35rem); line-height: 1.08; letter-spacing: -0.02em } product-card .price, product-card .compare-at-price, .resource-card .price, .resource-card .compare-at-price { font-size: 0.9rem; line-height: 1.08 } .product-details .tax-note, .product-details .installments, .product-details .rte, .product-details [class*="description"], .product-details details [class*="content"], .product-details details p, .product-details .lux-accordion-copy p, .product-details product-custom-property-component .__description { font-size: 0.84rem; line-height: 1.62 } .product-details [name="add"], .product-details .add-to-cart-button, .product-details .shopify-payment-button__button, .product-details more-payment-options-link { font-size: 0.67rem; line-height: 1.1; letter-spacing: 0.17em } .product-details .lux-personalization-intro__eyebrow, .product-details product-custom-property-component .__heading { font-size: 0.8rem; line-height: 1.28; letter-spacing: 0.08em } .facets-drawer__title, .facets__summary-label, .sorting-filter-component summary { font-size: 0.82rem; line-height: 1.3; letter-spacing: 0.12em } .facets-drawer__filters, .facets__display, .facets__form, .sorting-filter-component, .facets__list, .facets__label { font-size: 0.86rem; line-height: 1.55 } footer h2, footer h3, footer .h5, footer .menu__heading, footer .menu__heading__accordion { font-size: 0.72rem; line-height: 1.3; letter-spacing: 0.16em } footer, footer p, footer a, footer li, footer input, footer .footer-utilities__text { font-size: 0.84rem; line-height: 1.58 } [id*="__slideshow_lux"] .layered-slideshow__container { height: clamp(320px, 52svh, 390px) !important } [id*="__slideshow_lux"] .layered-slideshow__panel, [id*="__slideshow_lux"] .layered-slideshow__panel-content, [id*="__slideshow_lux"] .layered-slideshow__image { height: 100% !important } [id*="__slideshow_lux"] .layered-slideshow__content { padding: 0.78rem 0.9rem 0.92rem !important } [id*="__slideshow_lux"] .layered-slideshow__content .h1, [id*="__slideshow_lux"] .layered-slideshow__content h1 { font-size: clamp(1.62rem, 7vw, 2.05rem); max-width: 10ch } [id*="__slideshow_lux"] .layered-slideshow__content p { font-size: 0.88rem; line-height: 1.52; max-width: 22ch } [id*="__slideshow_lux"] .layered-slideshow__content .button, [id*="__slideshow_lux"] .layered-slideshow__content .button-secondary, [id*="__slideshow_lux"] .layered-slideshow__content .button--secondary { min-height: 2.48rem; width: min(100%, 12.6rem); font-size: 0.72rem; line-height: 1.25; letter-spacing: 0.14em } [id*="__marquee_lux"] .spacing-style, [id*="__marquee_lux"] marquee-component { --padding-block-start: 10px !important; --padding-block-end: 10px !important } [id*="__marquee_lux"] .marquee__item { font-size: 0.58rem; letter-spacing: 0.16em } [id*="__media_story"] .media-with-content, [id*="__media_craft"] .media-with-content { --padding-block-start: 10px !important; --padding-block-end: 12px !important; --media-height-mobile: 22svh !important } [id*="__media_story"] .media-with-content__content > .group-block-content, [id*="__media_craft"] .media-with-content__content > .group-block-content { padding-block: 0.7rem !important; padding-inline: 0.9rem !important; gap: 0.5rem !important } [id*="__media_story"] h2, [id*="__media_craft"] h2, [id*="__media_story"] .h2, [id*="__media_craft"] .h2 { font-size: clamp(1.38rem, 6.1vw, 1.72rem); line-height: 1.12 } [id*="__media_story"] p, [id*="__media_craft"] p { font-size: 0.79rem; line-height: 1.5 } [id*="__media_story"] .button, [id*="__media_craft"] .button, [id*="__media_story"] .button-secondary, [id*="__media_craft"] .button-secondary { min-height: 2.6rem } [id*="__testimonials_lux"] .spacing-style { --padding-block-start: 12px !important; --padding-block-end: 16px !important } [id*="__testimonials_lux"] .section-content-wrapper { --padding-block-start: 14px !important; --padding-block-end: 18px !important; gap: 0.35rem !important } [id*="__testimonials_lux"] .group-block-content.layout-panel-flex--row { gap: 0.75rem !important } [id*="__testimonials_lux"] .group-block-content > .group-block.color-scheme-1 { padding: 0.72rem !important; border-radius: 12px !important } [id*="__testimonials_lux"] .group-block-content > .group-block.color-scheme-1 .group-block-content { gap: 0.46rem !important } [id*="__testimonials_lux"] .text-block { font-size: 0.78rem; line-height: 1.48 } [id*="__collist_main"] .section-resource-list { --padding-block-start: 12px !important; --padding-block-end: 16px !important } [id*="__collist_main"] .section-resource-list__content { gap: 0.18rem } [id*="__collist_main"] .section-resource-list__content :is(h2, p) { margin: 0 !important } [id*="__collist_main"] .section-resource-list__content > [class~="h2"] { display: block !important; width: 100% !important; max-width: none !important; align-self: stretch !important; flex: 0 0 auto !important } [id*="__collist_main"] .resource-list { --resource-list-column-gap-desktop: 8px; --resource-list-row-gap-desktop: 9px } [id*="__collist_main"] .collection-card.collection-card--image-bg { aspect-ratio: 1.08 } [id*="__collist_main"] .collection-card .card__heading { font-size: 0.58rem; letter-spacing: 0.16em; line-height: 1.28 } [id*="__prodlist_"] .section-resource-list { --padding-block-start: 12px !important; --padding-block-end: 16px !important } [id*="__prodlist_"] .section-resource-list__header { margin-bottom: 0.55rem } [id*="__prodlist_"] .section-resource-list__header .group-block-content.layout-panel-flex--row { flex-direction: column !important; align-items: flex-start !important; justify-content: flex-start !important; gap: 0.18rem !important } [id*="__prodlist_"] .section-resource-list__header :is(h2, p) { margin: 0 !important } [id*="__prodlist_"] .section-resource-list__header > .group-block > .group-block-content > [class~="h2"], [id*="__prodlist_"] .section-resource-list__header > .group-block > .group-block-content > [class~="h2"] h2, [id*="__prodlist_"] .section-resource-list__header > .group-block > .group-block-content > [class~="h2"] p { display: block !important; width: 100% !important; max-width: none !important; align-self: stretch !important; flex: 0 0 auto !important } [id*="__prodlist_"] .product-list h2, [id*="__prodlist_"] .section-resource-list h2 { font-size: clamp(1.22rem, 5.2vw, 1.42rem); line-height: 1.04 } [id*="__prodlist_"] .section-resource-list__header .text-block.h6, [id*="__prodlist_"] .section-resource-list__header .text-block p, [id*="__prodlist_"] .section-resource-list__header a.link { font-size: 0.72rem; line-height: 1.32 } [id*="__prodlist_"] ul.product-grid { gap: 0.55rem; row-gap: 0.95rem } [id*="__prodlist_"] .resource-list__carousel { --slide-width-max: min(82vw, 320px) !important } [id*="__prodlist_"] .resource-list__slide { --grid-template-rows: 18rem 1fr !important } [id*="__prodlist_"] .resource-list__carousel .resource-list__item { width: min(82vw, 320px) !important; max-width: min(82vw, 320px) !important } [id*="__prodlist_"] .resource-list__carousel .card-gallery { aspect-ratio: 4 / 3 !important } [id*="__prodlist_"] .resource-list__item .product-card__content { gap: 0.18rem } [id*="__prodlist_"] product-card h3, [id*="__prodlist_"] product-card .h4, [id*="__prodlist_"] product-card .product-title { font-size: 0.8rem; line-height: 1.38; min-height: 3.45em } .product-details > .group-block { gap: 0.72rem !important } .product-details [class*='badge'] { font-size: 0.56rem; line-height: 1.2; letter-spacing: 0.13em; padding: 0.42rem 0.62rem } .product-details .variant-option--swatches[data-option-name='material'] .variant-option__button-label--stacked { min-width: 2.95rem; max-width: 2.95rem } .product-details .variant-option--swatches[data-option-name='material'] .variant-option__button-label__text--swatch { max-width: 2.95rem; font-size: 0.45rem } .product-details [name='add'], .product-details .add-to-cart-button, .product-details .shopify-payment-button__button { min-height: 2.9rem } .product-details .lux-personalization-intro, .product-details product-custom-property-component, .product-details .text-block[style*='background-color: var(--color-background-warm)'] { padding: 0.72rem 0.72rem 0.76rem; border-radius: 14px } [id*='__coll_header'] { --padding-block-start: 18px !important; --padding-block-end: 10px !important } [id*='__coll_header'] .group-block-content { gap: 0.35rem !important } [id*='__coll_header'] h1, [id*='__coll_header'] .h1, [id*='__coll_header'] h2, [id*='__coll_header'] .h2 { font-size: clamp(1.5rem, 7vw, 1.86rem); line-height: 1.08; letter-spacing: -0.018em } [id*='__coll_header'] p { font-size: 0.8rem; line-height: 1.5 } .main-collection { --padding-block-start: 0px !important; --padding-block-end: 28px !important } .collection-wrapper { gap: 0.65rem !important } .facets-mobile-wrapper.facets-controls-wrapper { margin-bottom: 0.45rem } .facets__summary, .sorting-filter .facets__summary, .sorting-filter__container .sorting-filter__select { min-height: 2.32rem } .facets__summary-label, .sorting-filter .facets__label, .sorting-filter__label { font-size: 0.76rem; line-height: 1.2; letter-spacing: 0.11em } .facets__status, .facets__label, .sorting-filter__option { font-size: 0.82rem; line-height: 1.42 } .main-collection-grid .product-grid { gap: 0.56rem; row-gap: 1rem } .main-collection-grid .product-card__content, #ResultsList .product-grid__item .product-card__content { gap: 0.16rem } .main-collection-grid product-card h3, .main-collection-grid product-card .h4, .main-collection-grid product-card .product-title, #ResultsList .product-grid__item .product-title { font-size: 0.74rem; line-height: 1.36; min-height: 3.5em } .main-collection-grid product-card product-price, #ResultsList .product-grid__item product-price { gap: 0.2rem 0.38rem } product-card h3, product-card .h4, product-card .product-title, .main-collection-grid product-card h3, .main-collection-grid product-card .h4, .main-collection-grid product-card .product-title, #ResultsList .product-grid__item .product-title { font-size: 0.8rem; line-height: 1.4 } } @media screen and (max-width: 749px) { body.template-index [id*="__collist_main"], body.template-index [id*="__prodlist_celest"], body.template-index [id*="__prodlist_tarot"], body.template-index [id*="__prodlist_sacred"], body.template-index [id*="__prodlist_myth"], body.template-index [id*="media_story"], body.template-index [id*="media_craft"], body.template-index [id*="testimonials_lux"], body.template-index [id*="marquee_lux"] { content-visibility: auto; contain-intrinsic-size: auto 600px } body.template-index [id*="__prodlist_myth"] product-card .card-gallery img, body.template-index [id*="__collist_main"] .collection-card img { content-visibility: auto } /* Mobile hero min-height fix */ @media (max-width: 749px) { .layered-slideshow-section, .layered-slideshow-component, .slideshow-section { min-height: 300px !important; } } /* Variant swatch renkleri — PDP material picker */ .variant-option__button-label:has(input[value="14K Solid Gold"]) .swatch { --swatch-background: #C4A265; background: #C4A265 !important; } /* 14K Gold Plated */ .variant-option__button-label:has(input[value="14K Gold Plated"]) .swatch { --swatch-background: #D4AF37; background: #D4AF37 !important; } /* 925 Sterling Silver */ .variant-option__button-label:has(input[value="925 Sterling Silver"]) .swatch { --swatch-background: #C0C0C0; background: #C0C0C0 !important; } /* Rose Gold Plated */ .variant-option__button-label:has(input[value="Rose Gold Plated"]) .swatch { --swatch-background: #B76E79; background: #B76E79 !important; } .card-gallery .product-media-container { aspect-ratio: 9 / 16 !important; } @media screen and (max-width: 749px) { .card-gallery .product-media-container { aspect-ratio: 3 / 4 !important; } } /* Fix: text-only submenu gap — keep submenu element flush with header bottom so there is no dead-zone between the nav link and the dropdown panel. Visual 8px space is achieved via padding-top on the inner element instead. */ @media screen and (min-width: 750px) { .menu-list__list-item:where(:not([slot='overflow'])) > .menu-list__submenu.menu-list__submenu--text-only { top: 100% !important; padding-top: 8px !important; } } /* ── Judge.me — Lux aesthetic entegrasyonu ───────────────────────────────── */ /* Off-screen widget'ların render maliyetini ertelemek için content-visibility */ .jdgm-widget, .jdgm-preview-badge, [data-jdgm-widget] { content-visibility: auto; contain-intrinsic-size: auto 120px; } /* Font uyumu */ .jdgm-rev-widg, .jdgm-rev-widg *, .jdgm-preview-badge * { font-family: var(--font-body--family) !important; } .jdgm-rev__title, .jdgm-widget__title { font-family: var(--font-heading--family) !important; letter-spacing: 0.04em } /* Gold yıldız rengi */ .jdgm-star, .jdgm-star-fill, [class*="jdgm"] .jdgm-star { color: var(--color-accent) !important; fill: var(--color-accent) !important } /* Muted metin rengi */ .jdgm-prev-badge__count, .jdgm-rev__rating, .jdgm-rev__timestamp { color: rgb(var(--color-foreground-rgb) / 0.62) !important } /* Review kartı çerçevesi */ .jdgm-rev { border-bottom-color: rgba(196, 162, 101, 0.1) !important; } .jdgm-rev__body { font-size: 0.88rem !important; line-height: 1.68 !important } /* ── Personalization block — karakter sayacı ────────────────────────────── */ .product-details product-custom-property-component .__character-count { font-size: 0.68rem; letter-spacing: 0.02em; opacity: 0.55; } /* ── Cart drawer — lux border vurgusu ────────────────────────────────────── */ cart-drawer-component { --cart-border-color: rgba(196, 162, 101, 0.14); } .cart-item { border-bottom-color: rgba(196, 162, 101, 0.08) !important } /* ── Search modal — ince çerçeve ─────────────────────────────────────────── */ search-modal-component .modal__content, predictive-search-component .predictive-search { border-color: rgba(196, 162, 101, 0.18) !important; } /* ── Reduced motion ──────────────────────────────────────────────────────── */ @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } product-card slideshow-slides > slideshow-slide:first-child img, product-card .card-gallery slideshow-slides > slideshow-slide:nth-child(2) { transition: none !important; } } /* ── M-3 fix: Announcement bar marquee kontrast ──────────────────────────── */ /* theme.liquid'deki setTimeout(removeProperty('--color'),500) kaldırıldı. */ /* Horizon color_scheme'deki --color-foreground değerini zorla kullan. */ .announcement-bar .marquee__content .text-block.custom-color { --color: var(--color-foreground); } /* ── Mobile 2025 — Touch & UX iyileştirmeleri ──────────────────────────────── Tüm değişiklikler (max-width: 749px) kapsamında — desktop etkilenmez. iOS / Android 2025 standartları: dokunma hedefleri, input zoom engeli, safe-area insets, scroll momentum, tap delay kaldırma. ────────────────────────────────────────────────────────────────────────────── */ @media (max-width: 749px) { /* 1 ── iOS input zoom engeli ─────────────────────────────────────────────── Safari, focus anında font-size < 16px olan her input/textarea/select elemanını otomatik yakınlaştırır (zoom). 16px floor bunu engeller. !important: component-scope overridelara karşı garantili olsun. */ input[type="text"], input[type="email"], input[type="tel"], input[type="search"], input[type="password"], input[type="number"], textarea, select { font-size: 16px !important; } /* 2 ── Dokunma hedefleri — variant (text) butonları ─────────────────────── Blob'daki min-height: 2.06rem (~33px) WCAG 2.5.5 / Apple HIG 44px altı. 2.75rem = 44px @ 16px root — tam dokunma alanı. */ .product-details .variant-option--buttons:not(.variant-option--swatches) .variant-option__button-label { min-height: 2.75rem; padding-block: 0.54rem; } /* 3 ── ATC butonu — 3.25rem (~52px), daha belirgin CTA ──────────────────── Blob'daki 2.9rem'den artış; primary action için güçlü tap hedefi. */ .product-details [name="add"], .product-details .add-to-cart-button { min-height: 3.25rem; } /* 4 ── Facet / sıralama bar dokunma hedefleri ───────────────────────────── Blob'daki min-height: 2.32rem (~37px) → 2.75rem (44px). */ .facets__summary, .sorting-filter .facets__summary, .sorting-filter__container .sorting-filter__select { min-height: 2.75rem; } /* 5 ── Safe area insets — iPhone Dynamic Island / home indicator ────────── env(safe-area-inset-*) iOS 11+ standart; Android'de 0'a düşer. */ .shopify-section-group-footer-group, footer.section, .footer__wrapper { padding-bottom: max(1rem, env(safe-area-inset-bottom, 0px)); } cart-drawer-component, .drawer, .menu-drawer__container { padding-bottom: env(safe-area-inset-bottom, 0px); } /* 6 ── Tap highlight — iOS/Android varsayılan mavi flash kaldır ─────────── Özellikle ürün kartları ve koleksiyon kartlarında görsel leke bırakır. */ a, button, [role="button"], .variant-option__button-label, product-card, .collection-card, .card-gallery, summary { -webkit-tap-highlight-color: transparent; } /* 7 ── Touch-action: manipulation — 300ms dokunma gecikmesini kaldır ────── Tap delay modern Safari'de olmasa da eski Android/Chrome'da hâlâ var. manipulation: tap/double-tap'e izin verir, pan'i engelleme. */ a, button, [role="button"], .variant-option__button-label, summary, .facets__summary { touch-action: manipulation; } /* 8 ── iOS scroll momentum — drawer / modal içerikleri ──────────────────── overscroll-behavior: contain: üst sayfanın kaymasını engeller. */ .menu-drawer__inner, cart-drawer-component .drawer__inner, .facets-drawer__content, .modal__content { -webkit-overflow-scrolling: touch; overscroll-behavior-y: contain; } /* 9 ── Body font 15px — 14.5px'ten minimal artış ────────────────────────── Daha okunaklı temel metin; em tabanlı hesaplamaları da iyileştirir. */ body { font-size: 15px; } /* 10 ── Product card başlık hafif büyütme ────────────────────────────────── Blob son override: 0.80rem → 0.84rem; koleksiyon/ürün listelerinde daha rahat okunur başlık. line-height: 1.42 yeterli satır arası. */ product-card h3, product-card .h4, product-card .product-title { font-size: 0.84rem; line-height: 1.42; } /* 11 ── Breadcrumb: tek satır + ellipsis (mobile) ────────────────────────── Uzun SEO title'ı (80+ karakter) 2 satıra wrap oluyor → fold'da ~50px israf. HTML yapısı: nav.breadcrumb > ol > li:last-child > a > span Horizon body class: page-width-wide (template-product yok) → scope kaldırıldı. Kısa breadcrumblarda (Home > Koleksiyon) ellipsis zaten tetiklenmez. */ .breadcrumb ol { flex-wrap: nowrap; overflow: hidden; } .breadcrumb li:last-child { min-width: 0; overflow: hidden; } .breadcrumb li:last-child > a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* 12 ── PDP thumbnail strip: 44px → 62px ─────────────────────────────────── Horizon inline style: --thumbnail-width: 44px (WCAG minimum ama küçük). 62px: iyi dokunma hedefi + lüks markaya yakışan görsel ağırlık. !important: inline