.luys-usp-bar { background: linear-gradient( 90deg, var(--luys-color-cream-50), var(--luys-color-pink-100) ); border-bottom: 1px solid rgba(26, 24, 22, 0.08); } .luys-usp-bar__inner { max-width: 1400px; margin: 0 auto; padding: 28px 56px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 34px; } .luys-usp { display: flex; align-items: center; gap: 14px; min-width: 0; } .luys-usp__icon { width: 42px; height: 42px; flex: 0 0 42px; border: 0; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; } .luys-usp__icon img { display: block; width: 42px; height: 42px; } .luys-usp strong { display: block; margin-bottom: 4px; font-size: 14px; font-weight: 600; color: var(--luys-color-text-primary); } .luys-usp span { display: block; font-size: 13px; line-height: 1.4; color: var(--luys-color-text-secondary); } @media (max-width: 900px) { .luys-usp-bar__inner { padding: 24px; grid-template-columns: repeat(2, 1fr); gap: 22px; } } @media (max-width: 520px) { .luys-usp-bar__inner { grid-template-columns: 1fr; } } .luys-categories { background: var(--luys-color-white); } .luys-section-header { display: flex; justify-content: space-between; align-items: flex-end; gap: 32px; margin-bottom: 34px; } .luys-section-eyebrow { margin: 0 0 8px; font-size: 12px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--luys-color-oak-500); } .luys-section-title { margin: 0; font-family: "Cormorant Garamond", serif; font-size: clamp(34px, 3.2vw, 52px); line-height: 1; font-weight: 400; color: var(--luys-color-text-primary); } .luys-section-link { color: var(--luys-color-text-primary); text-decoration: none; font-size: 13px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; } .luys-section-link:hover { color: var(--luys-color-oak-500); } .luys-category-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 18px; } .luys-category-card { position: relative; display: block; height: 320px; overflow: hidden; text-decoration: none; background: var(--luys-color-cream-50); } .luys-category-card picture { position: absolute; inset: 0; display: block; width: 100%; height: 100%; } .luys-category-card img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.6s ease, opacity 0.3s ease; } .luys-category-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient( 180deg, rgba(26, 24, 22, 0.02) 20%, rgba(26, 24, 22, 0.42) 100% ); } .luys-category-card__content { position: absolute; left: 18px; right: 18px; bottom: 18px; z-index: 2; display: flex; flex-direction: column; gap: 5px; color: #ffffff; } .luys-category-card__title { font-family: "Cormorant Garamond", serif; font-size: 24px; line-height: 1.1; } .luys-category-card__price { font-family: "DM Sans", sans-serif; font-size: 11px; font-weight: 600; line-height: 1.25; letter-spacing: .04em; text-transform: uppercase; } .luys-category-card:hover img { transform: scale(1.045); opacity: 0.94; } @media (max-width: 1200px) { .luys-category-grid { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 700px) { .luys-section-header { display: block; } .luys-section-link { display: inline-block; margin-top: 18px; } .luys-category-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; } .luys-category-card { height: 230px; } .luys-category-card__title { font-size: 21px; } .luys-category-card__price { font-size: 10px; } } .luys-why { background: var(--luys-color-white); padding: 0 56px 96px; } .luys-why__inner { max-width: 1400px; margin: 0 auto; display: grid; grid-template-columns: minmax(360px, 0.9fr) minmax(520px, 1.4fr); min-height: 520px; background: linear-gradient( 90deg, var(--luys-color-cream-50) 0%, var(--luys-color-pink-100) 100% ); overflow: hidden; } .luys-why__content { padding: clamp(56px, 5vw, 88px); display: flex; flex-direction: column; justify-content: center; } .luys-why__title { margin: 0; font-family: "Cormorant Garamond", serif; font-size: clamp(46px, 4.8vw, 68px); line-height: 0.96; font-weight: 400; color: var(--luys-color-text-primary); } .luys-why__text { max-width: 440px; margin: 28px 0 36px; font-size: 16px; line-height: 1.75; color: var(--luys-color-text-secondary); } .luys-why__image { min-height: 520px; background: var(--luys-color-cream-50); overflow: hidden; display: flex; align-items: center; justify-content: center; } .luys-why__image picture { display: block; width: 100%; height: auto; flex: 0 0 auto; } .luys-why__image img { width: 100%; height: auto; display: block; } @media (max-width: 1000px) { .luys-why { padding: 0 24px 72px; } .luys-why__inner { grid-template-columns: 1fr; } .luys-why__image { min-height: 360px; } } @media (max-width: 600px) { .luys-why { padding: 0 0 64px; } .luys-why__content { padding: 42px 24px; } .luys-why__title { font-size: 44px; } .luys-why__text { font-size: 15px; } } .luys-inspiration { background: var(--luys-color-white); } .luys-inspiration-grid { display: grid; grid-template-columns: 1.35fr 1fr 1fr; gap: 22px; } .luys-inspiration-card { position: relative; min-height: 360px; display: block; overflow: hidden; background: var(--luys-color-cream-50); text-decoration: none; } .luys-inspiration-card--large { min-height: 420px; } .luys-inspiration-card img { width: 100%; height: 100%; position: absolute; inset: 0; object-fit: cover; display: block; transition: transform 0.7s ease, opacity 0.3s ease; } .luys-inspiration-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient( 180deg, rgba(26, 24, 22, 0.02) 10%, rgba(26, 24, 22, 0.46) 100% ); } .luys-inspiration-card__content { position: absolute; left: 28px; right: 28px; bottom: 26px; z-index: 2; color: #ffffff; } .luys-inspiration-card__content span { display: block; margin-bottom: 8px; font-family: "Cormorant Garamond", serif; font-size: clamp(28px, 3vw, 42px); line-height: 1; } .luys-inspiration-card__content small { font-size: 12px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; opacity: 0.9; } .luys-inspiration-card:hover img { transform: scale(1.045); opacity: 0.94; } @media (max-width: 1000px) { .luys-inspiration-grid { grid-template-columns: 1fr; } .luys-inspiration-card, .luys-inspiration-card--large { min-height: 340px; } } .luys-featured-products { background: var(--luys-color-white); } .luys-product-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 22px; } .luys-product-card { display: block; color: var(--luys-color-text-primary); text-decoration: none; } .luys-product-card__image { position: relative; aspect-ratio: 4 / 5; overflow: hidden; background: var(--luys-color-cream-50); } .luys-product-card__image img { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform 0.55s ease, opacity 0.25s ease; } .luys-product-card__wishlist { position: absolute; top: 14px; right: 14px; width: 34px; height: 34px; border-radius: 999px; background: rgba(253, 252, 251, 0.86); display: flex; align-items: center; justify-content: center; font-size: 15px; color: var(--luys-color-text-primary); } .luys-product-card__content { padding-top: 14px; } .luys-product-card__content h3 { margin: 0 0 6px; font-family: "DM Sans", sans-serif; font-size: 14px; font-weight: 600; color: var(--luys-color-text-primary); } .luys-product-card__content p { margin: 0; font-size: 13px; color: var(--luys-color-text-secondary); } .luys-product-card:hover img { transform: scale(1.035); opacity: 0.96; } @media (max-width: 1200px) { .luys-product-grid { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 700px) { .luys-product-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; } .luys-product-card__content h3 { font-size: 13px; } .luys-product-card__content p { font-size: 12px; } } .luys-meetservice { background: var(--luys-color-white); padding: 0 56px 96px; } .luys-meetservice__inner { max-width: 1400px; margin: 0 auto; display: grid; grid-template-columns: 1.15fr 0.85fr; min-height: 540px; background: var(--luys-color-cream-50); overflow: hidden; } .luys-meetservice__image { min-height: 540px; background: var(--luys-color-pink-100); overflow: hidden; display: flex; align-items: center; justify-content: center; } .luys-meetservice__image picture { display: block; width: 100%; height: auto; flex: 0 0 auto; } .luys-meetservice__image img { width: 100%; height: auto; display: block; } .luys-meetservice__content { padding: clamp(48px, 5vw, 82px); display: flex; flex-direction: column; justify-content: center; } .luys-meetservice__title { margin: 0; font-family: "Cormorant Garamond", serif; font-size: clamp(44px, 4.4vw, 64px); line-height: 1; font-weight: 400; color: var(--luys-color-text-primary); } .luys-meetservice__text { max-width: 460px; margin: 26px 0 26px; font-size: 16px; line-height: 1.75; color: var(--luys-color-text-secondary); } .luys-meetservice__list { list-style: none; padding: 0; margin: 0 0 34px; display: grid; gap: 12px; } .luys-meetservice__list li { position: relative; padding-left: 24px; font-size: 15px; color: var(--luys-color-text-primary); } .luys-meetservice__list li::before { content: "✓"; position: absolute; left: 0; top: 0; color: var(--luys-color-oak-500); } @media (max-width: 1000px) { .luys-meetservice { padding: 0 24px 72px; } .luys-meetservice__inner { grid-template-columns: 1fr; } .luys-meetservice__image { min-height: 360px; } } @media (max-width: 600px) { .luys-meetservice { padding: 0 0 64px; } .luys-meetservice__content { padding: 42px 24px; } .luys-meetservice__title { font-size: 44px; } } .luys-reviews { background: linear-gradient( 180deg, var(--luys-color-white) 0%, var(--luys-color-cream-50) 100% ); padding: 96px 56px; } .luys-reviews__inner { max-width: 1200px; margin: 0 auto; text-align: center; } .luys-reviews__title { max-width: 720px; margin: 0 auto 42px; font-family: "Cormorant Garamond", serif; font-size: clamp(42px, 4vw, 64px); line-height: 1; font-weight: 400; color: var(--luys-color-text-primary); } .luys-reviews__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; } .luys-review-card { background: var(--luys-color-white); padding: 38px 34px; text-align: left; border: 1px solid rgba(26, 24, 22, 0.08); box-shadow: var(--luys-shadow-sm); } .luys-review-card__stars { margin-bottom: 20px; color: var(--luys-color-oak-500); font-size: 13px; letter-spacing: 0.16em; } .luys-review-card p { margin: 0 0 24px; font-family: "Cormorant Garamond", serif; font-size: 25px; line-height: 1.25; color: var(--luys-color-text-primary); } .luys-review-card span { font-size: 13px; color: var(--luys-color-text-secondary); } @media (max-width: 900px) { .luys-reviews { padding: 72px 24px; } .luys-reviews__grid { grid-template-columns: 1fr; } .luys-review-card p { font-size: 23px; } } .luys-newsletter { background: var(--luys-color-pink-100); padding: 96px 56px; } .luys-newsletter__inner { max-width: 820px; margin: 0 auto; text-align: center; } .luys-newsletter__title { margin: 0 auto; max-width: 760px; font-family: "Cormorant Garamond", serif; font-size: clamp(42px, 4.4vw, 68px); line-height: 1; font-weight: 400; color: var(--luys-color-text-primary); } .luys-newsletter__text { max-width: 560px; margin: 24px auto 34px; font-size: 16px; line-height: 1.7; color: var(--luys-color-text-secondary); } .luys-newsletter__form { max-width: 560px; margin: 0 auto; display: flex; gap: 12px; background: var(--luys-color-white); padding: 8px; border: 1px solid rgba(26, 24, 22, 0.08); } .luys-newsletter__form input { flex: 1; min-width: 0; border: 0; background: transparent; padding: 0 16px; font-family: "DM Sans", sans-serif; font-size: 14px; color: var(--luys-color-text-primary); outline: none; } .luys-newsletter__form input::placeholder { color: var(--luys-color-text-secondary); } @media (max-width: 700px) { .luys-newsletter { padding: 72px 24px; } .luys-newsletter__form { flex-direction: column; padding: 10px; } .luys-newsletter__form input { min-height: 48px; padding: 0 12px; } .luys-newsletter__form .luys-btn { width: 100%; } } .luys-footer { background: var(--luys-color-white); border-top: 1px solid rgba(26, 24, 22, 0.08); } .luys-footer__inner { max-width: 1400px; margin: 0 auto; padding: 72px 56px 56px; display: grid; grid-template-columns: 1.6fr repeat(4, 1fr); gap: 42px; } .luys-footer__logo { display: inline-flex; align-items: center; margin-bottom: 24px; text-decoration: none; } .luys-footer__logo img { display: block; width: 210px; height: auto; } .luys-footer__brand p { max-width: 360px; margin: 0; font-size: 14px; line-height: 1.8; color: var(--luys-color-text-secondary); } .luys-footer__column h3 { margin: 0 0 18px; font-family: "DM Sans", sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--luys-color-text-primary); } .luys-footer__column a { display: block; margin-bottom: 12px; color: var(--luys-color-text-secondary); text-decoration: none; font-size: 14px; line-height: 1.4; transition: color 0.2s ease; } .luys-footer__column a:hover { color: var(--luys-color-oak-500); } .luys-footer__bottom { max-width: 1400px; margin: 0 auto; padding: 22px 56px 28px; border-top: 1px solid rgba(26, 24, 22, 0.08); display: flex; justify-content: space-between; gap: 24px; color: var(--luys-color-text-secondary); font-size: 13px; } .luys-footer__bottom a { margin-left: 22px; color: var(--luys-color-text-secondary); text-decoration: none; } .luys-footer__bottom a:hover { color: var(--luys-color-oak-500); } @media (max-width: 1000px) { .luys-footer__inner { grid-template-columns: 1fr 1fr; padding: 56px 24px 42px; } .luys-footer__brand { grid-column: 1 / -1; } .luys-footer__bottom { padding: 22px 24px 28px; flex-direction: column; } .luys-footer__bottom a { display: inline-block; margin: 0 18px 8px 0; } } @media (max-width: 600px) { .luys-footer__inner { grid-template-columns: 1fr; } .luys-footer__logo { font-size: 38px; } } .luys-btn { display: inline-flex; align-items: center; justify-content: center; gap: var(--luys-space-2); height: var(--luys-button-height-md); padding-inline: var(--luys-button-padding-x-md); border-radius: var(--luys-button-radius); font-family: var(--luys-font-body); font-size: var(--luys-button-font-size); font-weight: var(--luys-button-font-weight); letter-spacing: var(--luys-button-letter-spacing); text-transform: uppercase; line-height: 1; white-space: nowrap; text-decoration: none; border: 1px solid transparent; cursor: pointer; transition: background-color var(--luys-duration-base) var(--luys-ease-default), border-color var(--luys-duration-base) var(--luys-ease-default), color var(--luys-duration-base) var(--luys-ease-default), box-shadow var(--luys-duration-base) var(--luys-ease-default), transform var(--luys-duration-fast) var(--luys-ease-default); } .luys-btn:focus-visible { outline: none; box-shadow: var(--luys-shadow-focus); } .luys-btn:active:not(:disabled) { transform: scale(0.98); } .luys-btn:disabled, .luys-btn[aria-disabled="true"] { opacity: 0.45; cursor: not-allowed; pointer-events: none; } .luys-btn--sm { height: var(--luys-button-height-sm); padding-inline: var(--luys-button-padding-x-sm); font-size: var(--luys-text-xs); } .luys-btn--lg { height: var(--luys-button-height-lg); padding-inline: var(--luys-button-padding-x-lg); font-size: var(--luys-text-base); } .luys-btn--block { display: flex; width: 100%; } .luys-btn--primary { background-color: var(--luys-color-interactive-primary); color: var(--luys-color-text-inverse); border-color: var(--luys-color-interactive-primary); } .luys-btn--primary:hover { background-color: var(--luys-color-interactive-primary-hover); border-color: var(--luys-color-interactive-primary-hover); } .luys-btn--primary:active:not(:disabled) { background-color: var(--luys-color-interactive-primary-active); border-color: var(--luys-color-interactive-primary-active); } .luys-btn--secondary { background-color: var(--luys-color-pink-100); color: var(--luys-color-text-primary); border-color: var(--luys-color-pink-100); } .luys-btn--secondary:hover { background-color: var(--luys-color-pink-200); border-color: var(--luys-color-pink-200); } .luys-btn--outline { background-color: transparent; color: var(--luys-color-text-primary); border-color: var(--luys-color-border-strong); } .luys-btn--outline:hover { background-color: var(--luys-color-cream-50); border-color: var(--luys-color-oak-300); color: var(--luys-color-oak-400); } .luys-btn--ghost { background-color: transparent; color: var(--luys-color-text-secondary); border-color: transparent; text-transform: none; letter-spacing: var(--luys-tracking-normal); font-weight: var(--luys-font-weight-regular); } .luys-btn--ghost:hover { color: var(--luys-color-text-primary); background-color: var(--luys-color-cream-50); } .luys-btn--text { height: auto; padding-inline: 0; background: none; border: none; border-radius: 0; color: var(--luys-color-text-primary); text-transform: none; letter-spacing: var(--luys-tracking-normal); font-weight: var(--luys-font-weight-medium); text-decoration: underline; text-decoration-color: var(--luys-color-beige-200); text-underline-offset: 0.25em; } .luys-btn--text:hover { text-decoration-color: var(--luys-color-oak-300); color: var(--luys-color-oak-400); } .luys-btn--inverse { background-color: var(--luys-color-white); color: var(--luys-color-text-primary); border-color: var(--luys-color-white); } .luys-btn--inverse:hover { background-color: var(--luys-color-cream-50); border-color: var(--luys-color-cream-50); } .luys-btn--inverse-outline { background-color: transparent; color: var(--luys-color-text-inverse); border-color: rgba(253, 252, 251, 0.5); } .luys-btn--inverse-outline:hover { background-color: rgba(253, 252, 251, 0.1); border-color: var(--luys-color-white); } .luys-btn-icon { display: inline-flex; align-items: center; justify-content: center; width: var(--luys-button-height-md); height: var(--luys-button-height-md); padding: 0; border-radius: var(--luys-radius-full); background-color: transparent; color: var(--luys-color-text-secondary); border: 1px solid transparent; cursor: pointer; transition: background-color var(--luys-duration-fast) var(--luys-ease-default), color var(--luys-duration-fast) var(--luys-ease-default); } .luys-btn-icon:hover { background-color: var(--luys-color-cream-100); color: var(--luys-color-text-primary); } .luys-btn-icon--sm { width: var(--luys-button-height-sm); height: var(--luys-button-height-sm); } .luys-btn-icon--lg { width: var(--luys-button-height-lg); height: var(--luys-button-height-lg); } .luys-btn-group { display: inline-flex; flex-wrap: wrap; gap: var(--luys-space-3); } .luys-btn-group--stack { flex-direction: column; align-items: stretch; } @media (min-width: 30rem) { .luys-btn-group--stack-sm-row { flex-direction: row; align-items: center; } } .luys-site-header { position: sticky; top: 0; z-index: 1000; background: var(--luys-color-white); border-bottom: 1px solid rgba(26, 24, 22, 0.08); } body.admin-bar .luys-site-header { top: 32px; } .luys-announcement { overflow: hidden; padding: 9px 24px; color: var(--luys-color-text-secondary); background: var(--luys-color-pink-100); border-bottom: 1px solid rgba(26, 24, 22, 0.04); } .luys-announcement__track { display: flex; justify-content: center; gap: 38px; font-size: 12px; } .luys-announcement span { flex: 0 0 auto; } .luys-announcement span[aria-hidden="true"] { display: none; } .luys-header-main { height: 104px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 56px; background: var(--luys-color-white); } .luys-logo { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; line-height: 1; } .luys-logo img { display: block; width: 360px; height: auto; } .luys-nav { display: flex; align-items: center; gap: 32px; } .luys-nav--right { justify-content: flex-end; } .luys-nav-link, .luys-icon-link { color: var(--luys-color-text-primary); text-decoration: none; font-size: 14px; letter-spacing: 0.02em; transition: color 0.2s ease; } .luys-icon-link { padding: 0; border: 0; background: transparent; font-family: "DM Sans", sans-serif; font-size: 13px; cursor: pointer; appearance: none; } .luys-nav-link:hover, .luys-icon-link:hover { color: var(--luys-color-oak-500); } .luys-icon-link--cart, .luys-icon-link--favorite, .luys-icon-link--account { position: relative; display: inline-flex; align-items: center; justify-content: center; min-width: 22px; min-height: 22px; line-height: 1; } .luys-icon-link--account { gap: 7px; } .luys-account-initials { min-width: 24px; min-height: 24px; padding: 0 7px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(26, 24, 22, 0.12); border-radius: 999px; background: var(--luys-color-pink-100); color: var(--luys-color-text-primary); font-size: 10px; font-weight: 600; letter-spacing: 0.08em; line-height: 1; } .luys-icon-link__symbol { display: inline-flex; align-items: center; justify-content: center; line-height: 1; } .luys-icon-link--search, .luys-icon-link--account { color: var(--luys-color-oak-500); } .luys-icon-link--search { min-width: 22px; min-height: 22px; } .luys-search-icon { position: relative; width: 17px; height: 17px; display: inline-flex; border: 1.7px solid currentColor; border-radius: 999px; } .luys-search-icon::after { position: absolute; right: -5px; bottom: -4px; width: 7px; height: 1.7px; content: ""; border-radius: 999px; background: currentColor; transform: rotate(45deg); transform-origin: center; } .luys-account-icon { position: relative; width: 18px; height: 18px; display: inline-flex; flex: 0 0 18px; color: var(--luys-color-oak-500); } .luys-account-icon__head { position: absolute; top: 1px; left: 50%; width: 6px; height: 6px; border: 1.6px solid currentColor; border-radius: 999px; transform: translateX(-50%); } .luys-account-icon__body { position: absolute; right: 1px; bottom: 1px; left: 1px; height: 9px; border: 1.6px solid currentColor; border-top-left-radius: 999px; border-top-right-radius: 999px; border-bottom: 0; } .luys-account-menu { position: relative; display: inline-flex; align-items: center; line-height: 1; } .luys-account-menu > .luys-icon-link--account { position: relative; z-index: 2; } .luys-account-menu::after { position: absolute; top: 100%; right: 0; width: 230px; height: 18px; content: ""; } .luys-account-dropdown { position: absolute; top: calc(100% + 16px); right: 0; z-index: 1003; width: 230px; padding: 10px; display: grid; gap: 2px; border: 1px solid rgba(26, 24, 22, 0.08); background: #ffffff; box-shadow: 0 22px 54px rgba(26, 24, 22, 0.12); opacity: 0; visibility: hidden; transform: translateY(-6px); pointer-events: none; transition: opacity 0.22s ease, visibility 0.22s ease, transform 0.22s ease; } .luys-account-menu:hover .luys-account-dropdown, .luys-account-menu:focus-within .luys-account-dropdown { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; } .luys-account-dropdown a { width: 100%; padding: 13px 14px; display: block; border-bottom: 1px solid rgba(26, 24, 22, 0.06); color: var(--luys-color-text-primary); font-family: "DM Sans", sans-serif; font-size: 13px; letter-spacing: 0.01em; line-height: 1.35; text-align: left; text-decoration: none; white-space: nowrap; transition: color 0.2s ease, background 0.2s ease; } .luys-account-dropdown a:last-child { border-bottom: 0; } .luys-account-dropdown a:hover, .luys-account-dropdown a:focus-visible { background: var(--luys-color-pink-100); color: var(--luys-color-oak-500); } .luys-icon-badge { position: absolute; top: -11px; right: -13px; min-width: 18px; height: 18px; padding: 0 5px; display: inline-flex; align-items: center; justify-content: center; border: 2px solid var(--luys-color-white); border-radius: 999px; background: var(--luys-color-oak-500); color: #ffffff; font-family: "DM Sans", sans-serif; font-size: 10px; font-weight: 700; letter-spacing: 0; line-height: 1; text-align: center; } .luys-favorites-panel { position: absolute; top: 100%; right: 56px; width: min(430px, calc(100vw - 32px)); z-index: 1002; padding-top: 14px; } .luys-favorites-panel[hidden] { display: none !important; } .luys-favorites-panel__inner { padding: 28px; border: 1px solid rgba(26, 24, 22, 0.08); background: #ffffff; box-shadow: 0 24px 64px rgba(26, 24, 22, 0.12); } .luys-favorites-panel__header { display: flex; justify-content: space-between; gap: 20px; align-items: flex-start; padding-bottom: 22px; border-bottom: 1px solid rgba(26, 24, 22, 0.08); } .luys-favorites-panel__eyebrow { margin: 0 0 7px; color: var(--luys-color-oak-500); font-size: 11px; font-weight: 600; letter-spacing: 0.12em; line-height: 1.4; text-transform: uppercase; } .luys-favorites-panel h2 { margin: 0; color: var(--luys-color-text-primary); font-family: "Cormorant Garamond", serif; font-size: 31px; font-weight: 400; letter-spacing: -0.025em; line-height: 1; } .luys-favorites-panel__close { padding: 0; border: 0; border-bottom: 1px solid currentColor; background: transparent; color: var(--luys-color-oak-500); font-family: "DM Sans", sans-serif; font-size: 11px; font-weight: 600; letter-spacing: 0.12em; line-height: 1.4; text-transform: uppercase; cursor: pointer; } .luys-favorites-panel__list { display: grid; gap: 14px; max-height: 420px; overflow-y: auto; padding-top: 20px; } .luys-favorites-panel__empty { margin: 0; color: var(--luys-color-text-secondary); font-size: 15px; line-height: 1.65; } .luys-favorites-panel__item { display: grid; grid-template-columns: 1fr auto; gap: 14px; align-items: center; padding: 12px; background: var(--luys-color-pink-100); } .luys-favorites-panel__item-link { min-width: 0; display: grid; grid-template-columns: 58px 1fr; gap: 14px; align-items: center; color: var(--luys-color-text-primary); text-decoration: none; } .luys-favorites-panel__item-link img { display: block; width: 58px; height: 58px; object-fit: cover; background: #ffffff; } .luys-favorites-panel__item-link span { min-width: 0; font-size: 14px; font-weight: 500; line-height: 1.35; } .luys-favorites-panel__remove { padding: 0; border: 0; border-bottom: 1px solid currentColor; background: transparent; color: var(--luys-color-oak-500); font-family: "DM Sans", sans-serif; font-size: 10px; font-weight: 600; letter-spacing: 0.1em; line-height: 1.4; text-transform: uppercase; cursor: pointer; } .luys-mega-menu, .luys-inspiration-menu { opacity: 0; visibility: hidden; transform: translateY(-8px); position: absolute; top: 100%; left: 0; right: 0; background: var(--luys-color-white); border-top: 1px solid rgba(26, 24, 22, 0.08); box-shadow: var(--luys-shadow-lg); transition: all 0.25s ease; } .luys-site-header:has(.luys-has-mega:hover) .luys-mega-menu, .luys-site-header:has(.luys-mega-menu:hover) .luys-mega-menu { opacity: 1; visibility: visible; transform: translateY(0); } .luys-site-header:has(.luys-has-inspiration-mega:hover) .luys-inspiration-menu, .luys-site-header:has(.luys-inspiration-menu:hover) .luys-inspiration-menu { opacity: 1; visibility: visible; transform: translateY(0); } .luys-mega-inner { max-width: 1180px; margin: 0 auto; padding: 38px 56px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px 48px; } .luys-mega-inner a { color: var(--luys-color-text-primary); text-decoration: none; font-size: 15px; transition: color 0.2s ease; } .luys-mega-inner a:hover { color: var(--luys-color-oak-500); } .luys-inspiration-menu__inner { grid-template-columns: repeat(4, 1fr); } .luys-mobile-toggle { display: none; } .luys-mobile-menu { display: none; } .luys-mobile-menu[hidden] { display: none !important; } @media (min-width: 901px) { .luys-mobile-menu { display: none !important; } } @keyframes luys-announcement-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } } @media (max-width: 900px) { body.admin-bar .luys-site-header { top: 0; } body.luys-mobile-menu-is-open { overflow: hidden; } .luys-site-header { --luys-mobile-header-offset: 126px; } .luys-announcement { height: 36px; padding: 0; display: flex; align-items: center; overflow: hidden; } .luys-announcement__track { width: max-content; min-width: max-content; padding-left: 18px; display: flex; justify-content: flex-start; align-items: center; gap: 28px; font-size: 11px; white-space: nowrap; animation: luys-announcement-marquee 26s linear infinite; will-change: transform; backface-visibility: hidden; contain: layout paint; } .luys-announcement span[aria-hidden="true"] { display: inline-flex; } .luys-announcement span { position: relative; flex: 0 0 auto; line-height: 36px; } .luys-announcement span:not(:last-child)::after { content: ""; position: absolute; top: 50%; right: -16px; width: 3px; height: 3px; border-radius: 999px; background: rgba(26, 24, 22, 0.28); transform: translateY(-50%); } .luys-header-main { height: 90px; padding: 0 16px; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: center; } .luys-logo { min-width: 0; justify-content: flex-start; } .luys-logo img { width: clamp(230px, 70vw, 278px); max-width: 100%; height: auto; transform: translateY(2px); } .luys-nav, .luys-icon-link, .luys-account-menu { display: none; } .luys-mobile-toggle { min-width: 48px; min-height: 42px; padding: 0 12px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid rgba(26, 24, 22, 0.12); border-radius: 999px; background: #ffffff; color: var(--luys-color-text-primary); font-family: "DM Sans", sans-serif; cursor: pointer; box-shadow: 0 10px 24px rgba(26, 24, 22, 0.04); transition: border-color 0.22s ease, color 0.22s ease, background 0.22s ease; } .luys-mobile-toggle__lines { position: relative; width: 16px; height: 10px; display: inline-flex; flex-direction: column; justify-content: space-between; } .luys-mobile-toggle__lines span { display: block; width: 16px; height: 1px; background: currentColor; transition: transform 0.22s ease, opacity 0.22s ease; } .luys-mobile-toggle__text { font-size: 11px; font-weight: 600; letter-spacing: 0.12em; line-height: 1; text-transform: uppercase; } .luys-mobile-toggle.is-open { border-color: rgba(163, 132, 94, 0.38); color: var(--luys-color-oak-500); } .luys-mobile-toggle.is-open .luys-mobile-toggle__lines span:first-child { transform: translateY(4.5px) rotate(45deg); } .luys-mobile-toggle.is-open .luys-mobile-toggle__lines span:last-child { transform: translateY(-4.5px) rotate(-45deg); } .luys-favorites-panel { position: fixed; top: var(--luys-mobile-header-offset); right: 16px; left: 16px; width: auto; max-height: calc(100dvh - var(--luys-mobile-header-offset) - 16px); padding-top: 12px; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; } .luys-favorites-panel__inner { padding: 24px; } .luys-favorites-panel__list { max-height: min(420px, calc(100dvh - var(--luys-mobile-header-offset) - 170px)); } .luys-favorites-panel__item { grid-template-columns: 1fr; } .luys-mega-menu, .luys-inspiration-menu { display: none; } .luys-mobile-menu { --luys-mobile-menu-pull: 0px; background: var(--luys-color-white); } .luys-mobile-menu.is-open { position: fixed; top: calc(var(--luys-mobile-header-offset) + 8px); left: 12px; right: 12px; z-index: 1001; display: block; max-height: calc(100dvh - var(--luys-mobile-header-offset) - 20px); overflow: hidden; border: 1px solid rgba(26, 24, 22, 0.08); border-radius: 18px; background: rgba(255, 255, 255, 0.98); box-shadow: 0 24px 70px rgba(26, 24, 22, 0.18); transform: translate3d(0, calc(var(--luys-mobile-menu-pull) * -1), 0); transition: transform 0.24s cubic-bezier(0.22, 1, 0.36, 1); will-change: transform; backface-visibility: hidden; contain: layout paint; } .luys-mobile-menu.is-overscrolling { transition: none; } .luys-mobile-menu.is-open::after { position: absolute; right: 22px; bottom: 10px; left: 22px; height: 1px; content: ""; background: rgba(26, 24, 22, 0.08); opacity: 0; transition: opacity 0.18s ease; pointer-events: none; } .luys-mobile-menu.is-overscrolling::after { opacity: 1; } .luys-mobile-menu__nav { min-height: min-content; max-height: calc(100dvh - var(--luys-mobile-header-offset) - 22px); padding: 18px 22px calc(32px + env(safe-area-inset-bottom)); display: grid; gap: 0; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; touch-action: pan-y; } .luys-mobile-menu__actions { display: flex; justify-content: flex-end; align-items: center; gap: 18px; margin: -2px 0 8px; padding: 0 0 13px; border-bottom: 1px solid rgba(26, 24, 22, 0.08); } .luys-mobile-action { position: relative; min-width: 28px; min-height: 30px; padding: 0; display: inline-flex; align-items: center; justify-content: center; border: 0; background: transparent; color: var(--luys-color-text-primary); font-family: "DM Sans", sans-serif; text-align: center; text-decoration: none; cursor: pointer; appearance: none; transition: color 0.22s ease, transform 0.22s ease; } .luys-mobile-action:hover, .luys-mobile-action:focus-visible { color: var(--luys-color-oak-500); transform: translateY(-1px); } .luys-mobile-action__icon { position: relative; min-width: 24px; min-height: 24px; display: inline-flex; align-items: center; justify-content: center; font-size: 16px; line-height: 1; } .luys-mobile-action__icon .luys-icon-link--search, .luys-icon-link--account { color: var(--luys-color-oak-500); } .luys-icon-link--search { min-width: 22px; min-height: 22px; } .luys-search-icon { position: relative; width: 17px; height: 17px; display: inline-flex; border: 1.7px solid currentColor; border-radius: 999px; } .luys-search-icon::after { position: absolute; right: -5px; bottom: -4px; width: 7px; height: 1.7px; content: ""; border-radius: 999px; background: currentColor; transform: rotate(45deg); transform-origin: center; } .luys-account-icon { position: relative; width: 18px; height: 18px; display: inline-flex; flex: 0 0 18px; color: var(--luys-color-oak-500); } .luys-account-icon__head { position: absolute; top: 1px; left: 50%; width: 6px; height: 6px; border: 1.6px solid currentColor; border-radius: 999px; transform: translateX(-50%); } .luys-account-icon__body { position: absolute; right: 1px; bottom: 1px; left: 1px; height: 9px; border: 1.6px solid currentColor; border-top-left-radius: 999px; border-top-right-radius: 999px; border-bottom: 0; } .luys-account-menu { position: relative; display: inline-flex; align-items: center; line-height: 1; } .luys-account-menu > .luys-icon-link--account { position: relative; z-index: 2; } .luys-account-menu::after { position: absolute; top: 100%; right: 0; width: 230px; height: 18px; content: ""; } .luys-account-dropdown { position: absolute; top: calc(100% + 16px); right: 0; z-index: 1003; width: 230px; padding: 10px; display: grid; gap: 2px; border: 1px solid rgba(26, 24, 22, 0.08); background: #ffffff; box-shadow: 0 22px 54px rgba(26, 24, 22, 0.12); opacity: 0; visibility: hidden; transform: translateY(-6px); pointer-events: none; transition: opacity 0.22s ease, visibility 0.22s ease, transform 0.22s ease; } .luys-account-menu:hover .luys-account-dropdown, .luys-account-menu:focus-within .luys-account-dropdown { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; } .luys-account-dropdown a { width: 100%; padding: 13px 14px; display: block; border-bottom: 1px solid rgba(26, 24, 22, 0.06); color: var(--luys-color-text-primary); font-family: "DM Sans", sans-serif; font-size: 13px; letter-spacing: 0.01em; line-height: 1.35; text-align: left; text-decoration: none; white-space: nowrap; transition: color 0.2s ease, background 0.2s ease; } .luys-account-dropdown a:last-child { border-bottom: 0; } .luys-account-dropdown a:hover, .luys-account-dropdown a:focus-visible { background: var(--luys-color-pink-100); color: var(--luys-color-oak-500); } .luys-icon-badge { top: -7px; right: -10px; min-width: 16px; height: 16px; padding: 0 4px; border-width: 2px; font-size: 9px; } .luys-mobile-action__label { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); border: 0; white-space: nowrap; } .luys-mobile-action--account { gap: 6px; } .luys-mobile-action--account .luys-account-icon { width: 17px; height: 17px; } .luys-mobile-action--account .luys-account-initials { min-width: 22px; min-height: 22px; padding: 0 6px; font-size: 9px; } .luys-mobile-menu-group { border-bottom: 1px solid rgba(26, 24, 22, 0.07); } .luys-mobile-menu-group summary { width: 100%; padding: 16px 0; display: flex; justify-content: space-between; align-items: center; color: var(--luys-color-text-primary); font-family: "DM Sans", sans-serif; font-size: 15px; line-height: 1.4; list-style: none; cursor: pointer; } .luys-mobile-menu-group summary::-webkit-details-marker { display: none; } .luys-mobile-menu-group__icon { position: relative; width: 18px; height: 18px; flex: 0 0 18px; color: var(--luys-color-oak-500); } .luys-mobile-menu-group__icon::before, .luys-mobile-menu-group__icon::after { position: absolute; top: 50%; width: 8px; height: 1.4px; content: ""; border-radius: 999px; background: currentColor; transition: transform 0.22s ease, opacity 0.22s ease; } .luys-mobile-menu-group__icon::before { left: 2px; transform: translateY(-50%) rotate(42deg); } .luys-mobile-menu-group__icon::after { right: 2px; transform: translateY(-50%) rotate(-42deg); } .luys-mobile-menu-group[open] .luys-mobile-menu-group__icon::before { transform: translateY(-50%) rotate(-42deg); } .luys-mobile-menu-group[open] .luys-mobile-menu-group__icon::after { transform: translateY(-50%) rotate(42deg); } .luys-mobile-menu-group__links { padding: 0 0 10px 14px; display: grid; gap: 0; } .luys-mobile-menu-group__links a { padding: 11px 0 11px 14px; display: block; border-left: 1px solid rgba(26, 24, 22, 0.08); color: var(--luys-color-text-secondary); font-family: "DM Sans", sans-serif; font-size: 14px; line-height: 1.35; text-decoration: none; } .luys-mobile-menu-group__links a:hover, .luys-mobile-menu-group__links a:focus-visible { color: var(--luys-color-oak-500); } .luys-mobile-menu__nav > a { width: 100%; padding: 16px 0; display: flex; justify-content: space-between; align-items: center; color: var(--luys-color-text-primary); text-decoration: none; font-family: "DM Sans", sans-serif; font-size: 15px; text-align: left; border-bottom: 1px solid rgba(26, 24, 22, 0.07); background: transparent; } .luys-mobile-menu__nav > a:last-child { border-bottom: 0; } } @media (max-width: 480px) { .luys-site-header { --luys-mobile-header-offset: 124px; } .luys-header-main { height: 88px; padding: 0 14px; } .luys-logo img { width: clamp(222px, 68vw, 258px); } .luys-mobile-toggle { min-width: 44px; padding: 0 10px; } .luys-mobile-toggle__text { display: none; } .luys-mobile-menu__nav { padding: 16px 20px calc(28px + env(safe-area-inset-bottom)); } .luys-mobile-action--account { gap: 6px; } .luys-mobile-action--account .luys-account-icon { width: 17px; height: 17px; } .luys-mobile-action--account .luys-account-initials { min-width: 22px; min-height: 22px; padding: 0 6px; font-size: 9px; } .luys-mobile-menu-group { border-bottom: 1px solid rgba(26, 24, 22, 0.07); } .luys-mobile-menu-group summary { width: 100%; padding: 16px 0; display: flex; justify-content: space-between; align-items: center; color: var(--luys-color-text-primary); font-family: "DM Sans", sans-serif; font-size: 15px; line-height: 1.4; list-style: none; cursor: pointer; } .luys-mobile-menu-group summary::-webkit-details-marker { display: none; } .luys-mobile-menu-group__icon { position: relative; width: 18px; height: 18px; flex: 0 0 18px; color: var(--luys-color-oak-500); } .luys-mobile-menu-group__icon::before, .luys-mobile-menu-group__icon::after { position: absolute; top: 50%; width: 8px; height: 1.4px; content: ""; border-radius: 999px; background: currentColor; transition: transform 0.22s ease, opacity 0.22s ease; } .luys-mobile-menu-group__icon::before { left: 2px; transform: translateY(-50%) rotate(42deg); } .luys-mobile-menu-group__icon::after { right: 2px; transform: translateY(-50%) rotate(-42deg); } .luys-mobile-menu-group[open] .luys-mobile-menu-group__icon::before { transform: translateY(-50%) rotate(-42deg); } .luys-mobile-menu-group[open] .luys-mobile-menu-group__icon::after { transform: translateY(-50%) rotate(42deg); } .luys-mobile-menu-group__links { padding: 0 0 10px 14px; display: grid; gap: 0; } .luys-mobile-menu-group__links a { padding: 11px 0 11px 14px; display: block; border-left: 1px solid rgba(26, 24, 22, 0.08); color: var(--luys-color-text-secondary); font-family: "DM Sans", sans-serif; font-size: 14px; line-height: 1.35; text-decoration: none; } .luys-mobile-menu-group__links a:hover, .luys-mobile-menu-group__links a:focus-visible { color: var(--luys-color-oak-500); } .luys-mobile-menu__nav > a { font-size: 14px; padding: 15px 0; } .luys-mobile-menu__actions { gap: 16px; margin-bottom: 6px; padding-bottom: 12px; } .luys-mobile-action { min-height: 30px; } } @media (max-width: 768px) { .luys-mobile-menu-group summary, .luys-mobile-menu-group__links a, .luys-mobile-menu__nav > a { font-size: 15px !important; } } .luys-icon-link--cart, .luys-mobile-action--cart { appearance:none; border:0; background:transparent; font:inherit; cursor:pointer; } .luys-cart-panel { position:fixed; inset:0; z-index:10040; background:rgba(37,31,27,.20); } .luys-cart-panel[hidden] { display:none !important; } .luys-cart-panel__inner { position:absolute; top:var(--luys-header-offset, 116px); right:clamp(16px,4vw,64px); width:min(440px,calc(100vw - 32px)); max-height:calc(100vh - var(--luys-header-offset, 116px) - 24px); overflow:auto; background:#fffdf9; border:1px solid rgba(85,67,53,.14); border-radius:18px; box-shadow:0 24px 70px rgba(52,41,32,.18); padding:24px; } .luys-cart-panel__header { display:flex; justify-content:space-between; gap:20px; align-items:flex-start; padding-bottom:17px; border-bottom:1px solid rgba(85,67,53,.12); } .luys-cart-panel__eyebrow { margin:0 0 5px; color:#927b68; font-size:.72rem; font-weight:700; letter-spacing:.13em; text-transform:uppercase; } .luys-cart-panel h2 { margin:0; font-family:"Cormorant Garamond",serif; font-size:1.65rem; font-weight:600; line-height:1.05; color:#332d28; } .luys-cart-panel__close { border:0; background:transparent; color:#6f655c; cursor:pointer; padding:3px 0; font-size:.82rem; text-decoration:underline; text-underline-offset:3px; } .luys-cart-panel__list { display:grid; gap:0; } .luys-cart-panel__item { display:grid; grid-template-columns:74px minmax(0,1fr); gap:14px; padding:16px 0; border-bottom:1px solid rgba(85,67,53,.10); } .luys-cart-panel__thumb { display:block; width:74px; height:74px; border-radius:10px; overflow:hidden; background:#f1ece5; } .luys-cart-panel__thumb img { width:100%; height:100%; object-fit:cover; display:block; } .luys-cart-panel__item-copy { min-width:0; display:grid; align-content:center; gap:3px; color:#70665d; font-size:.79rem; } .luys-cart-panel__item-title { color:#302a25; font-family:"Cormorant Garamond",serif; font-size:1.05rem; font-weight:600; line-height:1.12; text-decoration:none; } .luys-cart-panel__item-price { color:#463d35; font-weight:700; } .luys-cart-panel__empty { margin:0; padding:28px 0; color:#70665d; } .luys-cart-panel__footer { padding-top:18px; display:grid; gap:14px; } .luys-cart-panel__footer p { margin:0; display:flex; justify-content:space-between; gap:15px; color:#51473f; } .luys-cart-panel__footer .luys-btn { width:100%; justify-content:center; } @media(max-width:720px){ .luys-cart-panel__inner{top:auto;right:12px;left:12px;bottom:12px;width:auto;max-height:min(76vh,680px);border-radius:18px;padding:20px;} } .luys-cart-panel.is-open { z-index: 30050; } @media (min-width: 901px) { .luys-cart-panel { position: absolute !important; inset: auto 56px auto auto !important; top: 100% !important; width: min(430px, calc(100vw - 32px)) !important; z-index: 1003 !important; padding-top: 14px !important; background: transparent !important; pointer-events: none; } .luys-cart-panel.is-open { pointer-events: auto; } .luys-cart-panel__inner { position: static !important; width: 100% !important; max-height: min(610px, calc(100vh - 150px)) !important; overflow: hidden !important; padding: 28px !important; border: 1px solid rgba(26,24,22,.08) !important; border-radius: 0 !important; background: #fff !important; box-shadow: 0 24px 64px rgba(26,24,22,.12) !important; } .luys-cart-panel__header { align-items: flex-start !important; padding-bottom: 22px !important; border-bottom: 1px solid rgba(26,24,22,.08) !important; } .luys-cart-panel__eyebrow { margin: 0 0 7px !important; color: var(--luys-color-oak-500) !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: .12em !important; line-height: 1.4 !important; text-transform: uppercase !important; } .luys-cart-panel h2 { margin: 0 !important; color: var(--luys-color-text-primary) !important; font-family: "Cormorant Garamond", serif !important; font-size: 31px !important; font-weight: 400 !important; letter-spacing: -.025em !important; line-height: 1 !important; } .luys-cart-panel__close { padding: 0 !important; border: 0 !important; border-bottom: 1px solid currentColor !important; border-radius: 0 !important; background: transparent !important; color: var(--luys-color-oak-500) !important; font-family: "DM Sans", sans-serif !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: .12em !important; line-height: 1.4 !important; text-transform: uppercase !important; text-decoration: none !important; } .luys-cart-panel__list { max-height: 330px !important; overflow-y: auto !important; padding-top: 8px !important; } .luys-cart-panel__item { grid-template-columns: 64px minmax(0,1fr) !important; gap: 14px !important; padding: 14px 0 !important; } .luys-cart-panel__thumb, .luys-cart-panel__thumb img, .luys-cart-panel__item > img { width: 64px !important; height: 64px !important; border-radius: 0 !important; object-fit: cover !important; } .luys-cart-panel__item-copy { align-content: center !important; gap: 4px !important; } .luys-cart-panel__item-title { font-family: "DM Sans", sans-serif !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.3 !important; } .luys-cart-panel__item-meta { font-size: 11px !important; } .luys-cart-panel__item-price { font-size: 12px !important; } .luys-cart-panel__footer { padding-top: 18px !important; } } .luys-hero { position: relative; min-height: 680px; display: flex; align-items: center; overflow: hidden; background: #1a1816; } .luys-hero__media { position: absolute; inset: 0; z-index: 0; display: block; overflow: hidden; } .luys-hero__media img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; } .luys-hero__overlay { position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(26,24,22,.56) 0%, rgba(26,24,22,.36) 38%, rgba(26,24,22,.08) 78%); } .luys-hero__content { position: relative; z-index: 2; width: 100%; } .luys-hero__text { max-width: 540px; color: #ffffff; margin-left: clamp(48px, 10vw, 160px); } .luys-hero__eyebrow { margin: 0 0 18px; font-size: 12px; font-weight: 500; letter-spacing: 0.16em; text-transform: uppercase; opacity: 0.9; } .luys-hero__title { margin: 0; font-family: "Cormorant Garamond", serif; font-size: clamp(58px, 5.8vw, 86px); line-height: 0.94; font-weight: 400; letter-spacing: -0.03em; } .luys-hero__subtitle { max-width: 420px; margin: 28px 0 34px; font-size: 18px; line-height: 1.65; opacity: 0.94; } .luys-hero__actions { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; } .luys-hero .luys-btn { min-height: 46px; padding: 0 26px; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; font-size: 12px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; text-decoration: none; } .luys-hero .luys-btn--primary { background: var(--luys-color-oak-400); color: #ffffff; border: 1px solid var(--luys-color-oak-400); } .luys-hero .luys-btn--primary:hover { background: var(--luys-color-oak-500); border-color: var(--luys-color-oak-500); } .luys-hero .luys-btn--outline { background: rgba(255, 255, 255, 0.06); color: #ffffff; border: 1px solid rgba(255, 255, 255, 0.72); } .luys-hero .luys-btn--outline:hover { background: rgba(255, 255, 255, 0.16); border-color: #ffffff; } @media (max-width: 1024px) { .luys-hero { min-height: 620px; background-position: center; } .luys-hero__text { margin-left: 48px; margin-right: 48px; } } @media (max-width: 768px) { .luys-hero { min-height: 620px; height: auto; align-items: center; padding: 72px 0 58px; background: #1a1816; } .luys-hero__overlay { background: linear-gradient(180deg, rgba(26,24,22,.22) 0%, rgba(26,24,22,.42) 42%, rgba(26,24,22,.72) 100%); } .luys-hero__content { width: 100%; } .luys-hero__text { max-width: none; margin: 0 auto; padding: 0 24px; text-align: center; } .luys-hero__eyebrow { margin-bottom: 14px; font-size: 10px; letter-spacing: 0.16em; } .luys-hero__title { font-size: clamp(46px, 15vw, 64px); line-height: 0.95; margin-bottom: 22px; } .luys-hero__subtitle { max-width: 335px; margin: 0 auto 28px; font-size: 16px; line-height: 1.65; } .luys-hero__actions { width: 100%; max-width: 320px; margin: 0 auto; display: grid; gap: 12px; } .luys-hero .luys-btn { width: 100%; min-height: 52px; padding: 0 22px; justify-content: center; } } @media (max-width: 480px) { .luys-hero { min-height: 600px; padding: 64px 0 52px; background-position: center; } .luys-hero__title { font-size: clamp(42px, 14vw, 58px); } .luys-hero__subtitle { font-size: 15px; } } .luys-usp-bar { background: linear-gradient( 90deg, var(--luys-color-cream-50), var(--luys-color-pink-100) ); border-bottom: 1px solid rgba(26, 24, 22, 0.08); } .luys-usp-bar__inner { max-width: 1400px; margin: 0 auto; padding: 28px 56px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 34px; } .luys-usp { display: flex; align-items: center; gap: 14px; min-width: 0; } .luys-usp__icon { width: 42px; height: 42px; flex: 0 0 42px; border: 0; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; } .luys-usp__icon img { display: block; width: 42px; height: 42px; } .luys-usp strong { display: block; margin-bottom: 4px; font-size: 14px; font-weight: 600; color: var(--luys-color-text-primary); } .luys-usp span { display: block; font-size: 13px; line-height: 1.4; color: var(--luys-color-text-secondary); } @media (max-width: 900px) { .luys-usp-bar__inner { padding: 24px; grid-template-columns: repeat(2, 1fr); gap: 22px; } } @media (max-width: 520px) { .luys-usp-bar__inner { grid-template-columns: 1fr; } } .luys-categories { background: var(--luys-color-white); } .luys-section-header { display: flex; justify-content: space-between; align-items: flex-end; gap: 32px; margin-bottom: 34px; } .luys-section-eyebrow { margin: 0 0 8px; font-size: 12px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--luys-color-oak-500); } .luys-section-title { margin: 0; font-family: "Cormorant Garamond", serif; font-size: clamp(34px, 3.2vw, 52px); line-height: 1; font-weight: 400; color: var(--luys-color-text-primary); } .luys-section-link { color: var(--luys-color-text-primary); text-decoration: none; font-size: 13px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; } .luys-section-link:hover { color: var(--luys-color-oak-500); } .luys-category-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 18px; } .luys-category-card { position: relative; display: block; height: 320px; overflow: hidden; text-decoration: none; background: var(--luys-color-cream-50); } .luys-category-card picture { position: absolute; inset: 0; display: block; width: 100%; height: 100%; } .luys-category-card img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.6s ease, opacity 0.3s ease; } .luys-category-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient( 180deg, rgba(26, 24, 22, 0.02) 20%, rgba(26, 24, 22, 0.42) 100% ); } .luys-category-card__content { position: absolute; left: 18px; right: 18px; bottom: 18px; z-index: 2; display: flex; flex-direction: column; gap: 5px; color: #ffffff; } .luys-category-card__title { font-family: "Cormorant Garamond", serif; font-size: 24px; line-height: 1.1; } .luys-category-card__price { font-family: "DM Sans", sans-serif; font-size: 11px; font-weight: 600; line-height: 1.25; letter-spacing: .04em; text-transform: uppercase; } .luys-category-card:hover img { transform: scale(1.045); opacity: 0.94; } @media (max-width: 1200px) { .luys-category-grid { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 700px) { .luys-section-header { display: block; } .luys-section-link { display: inline-block; margin-top: 18px; } .luys-category-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; } .luys-category-card { height: 230px; } .luys-category-card__title { font-size: 21px; } .luys-category-card__price { font-size: 10px; } } .luys-why { background: var(--luys-color-white); padding: 0 56px 96px; } .luys-why__inner { max-width: 1400px; margin: 0 auto; display: grid; grid-template-columns: minmax(360px, 0.9fr) minmax(520px, 1.4fr); min-height: 520px; background: linear-gradient( 90deg, var(--luys-color-cream-50) 0%, var(--luys-color-pink-100) 100% ); overflow: hidden; } .luys-why__content { padding: clamp(56px, 5vw, 88px); display: flex; flex-direction: column; justify-content: center; } .luys-why__title { margin: 0; font-family: "Cormorant Garamond", serif; font-size: clamp(46px, 4.8vw, 68px); line-height: 0.96; font-weight: 400; color: var(--luys-color-text-primary); } .luys-why__text { max-width: 440px; margin: 28px 0 36px; font-size: 16px; line-height: 1.75; color: var(--luys-color-text-secondary); } .luys-why__image { min-height: 520px; background: var(--luys-color-cream-50); overflow: hidden; display: flex; align-items: center; justify-content: center; } .luys-why__image picture { display: block; width: 100%; height: auto; flex: 0 0 auto; } .luys-why__image img { width: 100%; height: auto; display: block; } @media (max-width: 1000px) { .luys-why { padding: 0 24px 72px; } .luys-why__inner { grid-template-columns: 1fr; } .luys-why__image { min-height: 360px; } } @media (max-width: 600px) { .luys-why { padding: 0 0 64px; } .luys-why__content { padding: 42px 24px; } .luys-why__title { font-size: 44px; } .luys-why__text { font-size: 15px; } } .luys-inspiration { background: var(--luys-color-white); } .luys-inspiration-grid { display: grid; grid-template-columns: 1.35fr 1fr 1fr; gap: 22px; } .luys-inspiration-card { position: relative; min-height: 360px; display: block; overflow: hidden; background: var(--luys-color-cream-50); text-decoration: none; } .luys-inspiration-card--large { min-height: 420px; } .luys-inspiration-card img { width: 100%; height: 100%; position: absolute; inset: 0; object-fit: cover; display: block; transition: transform 0.7s ease, opacity 0.3s ease; } .luys-inspiration-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient( 180deg, rgba(26, 24, 22, 0.02) 10%, rgba(26, 24, 22, 0.46) 100% ); } .luys-inspiration-card__content { position: absolute; left: 28px; right: 28px; bottom: 26px; z-index: 2; color: #ffffff; } .luys-inspiration-card__content span { display: block; margin-bottom: 8px; font-family: "Cormorant Garamond", serif; font-size: clamp(28px, 3vw, 42px); line-height: 1; } .luys-inspiration-card__content small { font-size: 12px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; opacity: 0.9; } .luys-inspiration-card:hover img { transform: scale(1.045); opacity: 0.94; } @media (max-width: 1000px) { .luys-inspiration-grid { grid-template-columns: 1fr; } .luys-inspiration-card, .luys-inspiration-card--large { min-height: 340px; } } .luys-featured-products { background: var(--luys-color-white); } .luys-product-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 22px; } .luys-product-card { display: block; color: var(--luys-color-text-primary); text-decoration: none; } .luys-product-card__image { position: relative; aspect-ratio: 4 / 5; overflow: hidden; background: var(--luys-color-cream-50); } .luys-product-card__image img { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform 0.55s ease, opacity 0.25s ease; } .luys-product-card__wishlist { position: absolute; top: 14px; right: 14px; width: 34px; height: 34px; border-radius: 999px; background: rgba(253, 252, 251, 0.86); display: flex; align-items: center; justify-content: center; font-size: 15px; color: var(--luys-color-text-primary); } .luys-product-card__content { padding-top: 14px; } .luys-product-card__content h3 { margin: 0 0 6px; font-family: "DM Sans", sans-serif; font-size: 14px; font-weight: 600; color: var(--luys-color-text-primary); } .luys-product-card__content p { margin: 0; font-size: 13px; color: var(--luys-color-text-secondary); } .luys-product-card:hover img { transform: scale(1.035); opacity: 0.96; } @media (max-width: 1200px) { .luys-product-grid { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 700px) { .luys-product-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; } .luys-product-card__content h3 { font-size: 13px; } .luys-product-card__content p { font-size: 12px; } } .luys-meetservice { background: var(--luys-color-white); padding: 0 56px 96px; } .luys-meetservice__inner { max-width: 1400px; margin: 0 auto; display: grid; grid-template-columns: 1.15fr 0.85fr; min-height: 540px; background: var(--luys-color-cream-50); overflow: hidden; } .luys-meetservice__image { min-height: 540px; background: var(--luys-color-pink-100); overflow: hidden; display: flex; align-items: center; justify-content: center; } .luys-meetservice__image picture { display: block; width: 100%; height: auto; flex: 0 0 auto; } .luys-meetservice__image img { width: 100%; height: auto; display: block; } .luys-meetservice__content { padding: clamp(48px, 5vw, 82px); display: flex; flex-direction: column; justify-content: center; } .luys-meetservice__title { margin: 0; font-family: "Cormorant Garamond", serif; font-size: clamp(44px, 4.4vw, 64px); line-height: 1; font-weight: 400; color: var(--luys-color-text-primary); } .luys-meetservice__text { max-width: 460px; margin: 26px 0 26px; font-size: 16px; line-height: 1.75; color: var(--luys-color-text-secondary); } .luys-meetservice__list { list-style: none; padding: 0; margin: 0 0 34px; display: grid; gap: 12px; } .luys-meetservice__list li { position: relative; padding-left: 24px; font-size: 15px; color: var(--luys-color-text-primary); } .luys-meetservice__list li::before { content: "✓"; position: absolute; left: 0; top: 0; color: var(--luys-color-oak-500); } @media (max-width: 1000px) { .luys-meetservice { padding: 0 24px 72px; } .luys-meetservice__inner { grid-template-columns: 1fr; } .luys-meetservice__image { min-height: 360px; } } @media (max-width: 600px) { .luys-meetservice { padding: 0 0 64px; } .luys-meetservice__content { padding: 42px 24px; } .luys-meetservice__title { font-size: 44px; } } .luys-reviews { background: linear-gradient( 180deg, var(--luys-color-white) 0%, var(--luys-color-cream-50) 100% ); padding: 96px 56px; } .luys-reviews__inner { max-width: 1200px; margin: 0 auto; text-align: center; } .luys-reviews__title { max-width: 720px; margin: 0 auto 42px; font-family: "Cormorant Garamond", serif; font-size: clamp(42px, 4vw, 64px); line-height: 1; font-weight: 400; color: var(--luys-color-text-primary); } .luys-reviews__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; } .luys-review-card { background: var(--luys-color-white); padding: 38px 34px; text-align: left; border: 1px solid rgba(26, 24, 22, 0.08); box-shadow: var(--luys-shadow-sm); } .luys-review-card__stars { margin-bottom: 20px; color: var(--luys-color-oak-500); font-size: 13px; letter-spacing: 0.16em; } .luys-review-card p { margin: 0 0 24px; font-family: "Cormorant Garamond", serif; font-size: 25px; line-height: 1.25; color: var(--luys-color-text-primary); } .luys-review-card span { font-size: 13px; color: var(--luys-color-text-secondary); } @media (max-width: 900px) { .luys-reviews { padding: 72px 24px; } .luys-reviews__grid { grid-template-columns: 1fr; } .luys-review-card p { font-size: 23px; } } .luys-newsletter { background: var(--luys-color-pink-100); padding: 96px 56px; } .luys-newsletter__inner { max-width: 820px; margin: 0 auto; text-align: center; } .luys-newsletter__title { margin: 0 auto; max-width: 760px; font-family: "Cormorant Garamond", serif; font-size: clamp(42px, 4.4vw, 68px); line-height: 1; font-weight: 400; color: var(--luys-color-text-primary); } .luys-newsletter__text { max-width: 560px; margin: 24px auto 34px; font-size: 16px; line-height: 1.7; color: var(--luys-color-text-secondary); } .luys-newsletter__form { max-width: 560px; margin: 0 auto; display: flex; gap: 12px; background: var(--luys-color-white); padding: 8px; border: 1px solid rgba(26, 24, 22, 0.08); } .luys-newsletter__form input { flex: 1; min-width: 0; border: 0; background: transparent; padding: 0 16px; font-family: "DM Sans", sans-serif; font-size: 14px; color: var(--luys-color-text-primary); outline: none; } .luys-newsletter__form input::placeholder { color: var(--luys-color-text-secondary); } @media (max-width: 700px) { .luys-newsletter { padding: 72px 24px; } .luys-newsletter__form { flex-direction: column; padding: 10px; } .luys-newsletter__form input { min-height: 48px; padding: 0 12px; } .luys-newsletter__form .luys-btn { width: 100%; } } .luys-footer { background: var(--luys-color-white); border-top: 1px solid rgba(26, 24, 22, 0.08); } .luys-footer__inner { max-width: 1400px; margin: 0 auto; padding: 72px 56px 56px; display: grid; grid-template-columns: 1.6fr repeat(4, 1fr); gap: 42px; } .luys-footer__logo { display: inline-flex; align-items: center; margin-bottom: 24px; text-decoration: none; } .luys-footer__logo img { display: block; width: 210px; height: auto; } .luys-footer__brand p { max-width: 360px; margin: 0; font-size: 14px; line-height: 1.8; color: var(--luys-color-text-secondary); } .luys-footer__column h3 { margin: 0 0 18px; font-family: "DM Sans", sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--luys-color-text-primary); } .luys-footer__column a { display: block; margin-bottom: 12px; color: var(--luys-color-text-secondary); text-decoration: none; font-size: 14px; line-height: 1.4; transition: color 0.2s ease; } .luys-footer__column a:hover { color: var(--luys-color-oak-500); } .luys-footer__bottom { max-width: 1400px; margin: 0 auto; padding: 22px 56px 28px; border-top: 1px solid rgba(26, 24, 22, 0.08); display: flex; justify-content: space-between; gap: 24px; color: var(--luys-color-text-secondary); font-size: 13px; } .luys-footer__bottom a { margin-left: 22px; color: var(--luys-color-text-secondary); text-decoration: none; } .luys-footer__bottom a:hover { color: var(--luys-color-oak-500); } @media (max-width: 1000px) { .luys-footer__inner { grid-template-columns: 1fr 1fr; padding: 56px 24px 42px; } .luys-footer__brand { grid-column: 1 / -1; } .luys-footer__bottom { padding: 22px 24px 28px; flex-direction: column; } .luys-footer__bottom a { display: inline-block; margin: 0 18px 8px 0; } } @media (max-width: 600px) { .luys-footer__inner { grid-template-columns: 1fr; } .luys-footer__logo { font-size: 38px; } } .luys-page { background: var(--luys-color-white); } .luys-page-hero { padding: 96px 0 64px; background: linear-gradient( 135deg, rgba(232, 219, 205, 0.72), rgba(250, 247, 242, 0.96) ); border-bottom: 1px solid rgba(26, 24, 22, 0.06); } .luys-page-title { max-width: 760px; margin: 0; font-family: "Cormorant Garamond", serif; font-size: clamp(48px, 6vw, 82px); line-height: 0.96; font-weight: 400; letter-spacing: -0.035em; color: var(--luys-color-text-primary); } .luys-page-content-section { padding: 72px 0 96px; } .luys-page-content { max-width: 760px; font-size: 17px; line-height: 1.85; color: var(--luys-color-text-secondary); } .luys-page-content p { margin: 0 0 24px; } .luys-page-content h2 { margin: 56px 0 18px; font-family: "Cormorant Garamond", serif; font-size: clamp(34px, 4vw, 52px); line-height: 1; font-weight: 400; letter-spacing: -0.025em; color: var(--luys-color-text-primary); } .luys-page-content h3 { margin: 36px 0 14px; font-size: 18px; line-height: 1.35; font-weight: 600; color: var(--luys-color-text-primary); } .luys-page-content ul, .luys-page-content ol { margin: 0 0 28px 20px; padding: 0; } .luys-page-content li { margin-bottom: 10px; } .luys-page-content a { color: var(--luys-color-oak-500); text-decoration: none; border-bottom: 1px solid currentColor; } .luys-page-content a:hover { color: var(--luys-color-text-primary); } @media (max-width: 768px) { .luys-page-hero { padding: 72px 0 46px; } .luys-page-content-section { padding: 52px 0 72px; } .luys-page-content { font-size: 16px; line-height: 1.75; } } .luys-collection-page { background: var(--luys-color-white); } .luys-collection-hero { padding: 104px 0 72px; background: linear-gradient( 135deg, rgba(232, 219, 205, 0.78), rgba(250, 247, 242, 0.96) ); border-bottom: 1px solid rgba(26, 24, 22, 0.06); } .luys-collection-title { max-width: 820px; margin: 0; font-family: "Cormorant Garamond", serif; font-size: clamp(54px, 7vw, 96px); line-height: 0.94; font-weight: 400; letter-spacing: -0.04em; color: var(--luys-color-text-primary); } .luys-collection-intro { max-width: 620px; margin: 30px 0 0; font-size: 18px; line-height: 1.75; color: var(--luys-color-text-secondary); } .luys-collection-overview { background: var(--luys-color-white); } .luys-collection-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; } .luys-collection-card { display: block; overflow: hidden; background: #ffffff; border: 1px solid rgba(26, 24, 22, 0.08); text-decoration: none; color: inherit; transition: transform 0.24s ease, box-shadow 0.24s ease, border-color 0.24s ease; } .luys-collection-card:hover { transform: translateY(-4px); border-color: rgba(163, 132, 94, 0.28); box-shadow: 0 22px 54px rgba(26, 24, 22, 0.08); } .luys-collection-card img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; } .luys-collection-card__content { padding: 24px 24px 28px; } .luys-collection-card__content span { display: block; margin-bottom: 10px; font-family: "Cormorant Garamond", serif; font-size: 30px; line-height: 1; font-weight: 400; letter-spacing: -0.02em; color: var(--luys-color-text-primary); } .luys-collection-card__content p { margin: 0; font-size: 14px; line-height: 1.7; color: var(--luys-color-text-secondary); } .luys-collection-service { padding: 28px 0 104px; background: var(--luys-color-white); } .luys-collection-service__inner { padding: 56px; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 48px; background: var(--luys-color-pink-100); } .luys-collection-service h2 { max-width: 620px; margin: 0; font-family: "Cormorant Garamond", serif; font-size: clamp(40px, 5vw, 64px); line-height: 0.98; font-weight: 400; letter-spacing: -0.035em; color: var(--luys-color-text-primary); } .luys-collection-service p { max-width: 560px; margin: 22px 0 0; font-size: 16px; line-height: 1.75; color: var(--luys-color-text-secondary); } .luys-collection-service__actions { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; } .luys-collection-service .luys-btn--outline { border-color: rgba(26, 24, 22, 0.18); color: var(--luys-color-text-primary); background: transparent; } .luys-collection-service .luys-btn--outline:hover { border-color: var(--luys-color-oak-500); color: var(--luys-color-oak-500); } @media (max-width: 1024px) { .luys-collection-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .luys-collection-service__inner { grid-template-columns: 1fr; } .luys-collection-service__actions { justify-content: flex-start; } } @media (max-width: 768px) { .luys-collection-hero { padding: 74px 0 52px; } .luys-collection-intro { font-size: 16px; line-height: 1.7; } .luys-collection-grid { grid-template-columns: 1fr; gap: 22px; } .luys-collection-card__content { padding: 22px 22px 26px; } .luys-collection-card__content span { font-size: 28px; } .luys-collection-service { padding: 12px 0 76px; } .luys-collection-service__inner { padding: 34px 24px; gap: 30px; } .luys-collection-service__actions { display: grid; width: 100%; } .luys-collection-service__actions .luys-btn { width: 100%; justify-content: center; } } .luys-collection-page { background: var(--luys-color-white); } .luys-collection-hero { padding: 108px 0 112px; background: linear-gradient( 135deg, rgba(232, 219, 205, 0.76), rgba(250, 247, 242, 0.98) ); border-bottom: 1px solid rgba(26, 24, 22, 0.06); } .luys-collection-hero__inner { max-width: 820px; } .luys-collection-hero h1 { max-width: 780px; margin: 0; color: var(--luys-color-text-primary); font-family: "Cormorant Garamond", serif; font-size: clamp(56px, 7vw, 96px); font-weight: 400; letter-spacing: -0.045em; line-height: 0.92; } .luys-collection-hero p { max-width: 660px; margin: 28px 0 0; color: var(--luys-color-text-secondary); font-size: 18px; line-height: 1.8; } .luys-collection-hero__actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 36px; } .luys-collection-products { padding: 96px 0 104px; background: #ffffff; } .luys-collection-products__header { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 0.7fr); gap: 72px; align-items: end; margin-bottom: 38px; } .luys-collection-products h2, .luys-collection-advice h2 { margin: 0; color: var(--luys-color-text-primary); font-family: "Cormorant Garamond", serif; font-size: clamp(42px, 5vw, 72px); font-weight: 400; letter-spacing: -0.04em; line-height: 0.96; } .luys-collection-products__header > p { max-width: 560px; margin: 0; color: var(--luys-color-text-secondary); font-size: 16px; line-height: 1.78; } .luys-collection-filter { margin: 0 0 28px; padding: 28px; display: grid; grid-template-columns: minmax(180px, 1.1fr) minmax(180px, 1.1fr) minmax(120px, 0.7fr) minmax(120px, 0.7fr) minmax(180px, 1.1fr) auto; gap: 16px; align-items: end; border: 1px solid rgba(26, 24, 22, 0.07); background: var(--luys-color-pink-100); box-shadow: 0 18px 48px rgba(26, 24, 22, 0.045); } .luys-collection-filter__field { display: grid; gap: 8px; } .luys-collection-filter label { color: var(--luys-color-oak-500); font-family: "DM Sans", sans-serif; font-size: 11px; font-weight: 600; letter-spacing: 0.13em; line-height: 1.3; text-transform: uppercase; } .luys-collection-filter select, .luys-collection-filter input { width: 100%; min-height: 48px; padding: 0 16px; border: 1px solid rgba(26, 24, 22, 0.14); border-radius: 0; background: #ffffff; color: var(--luys-color-text-primary); box-shadow: none; font-family: "DM Sans", sans-serif; font-size: 14px; line-height: 1.4; transition: border-color 0.22s ease, box-shadow 0.22s ease; } .luys-collection-filter select { padding-right: 38px; appearance: none; background-image: linear-gradient(45deg, transparent 50%, var(--luys-color-text-primary) 50%), linear-gradient(135deg, var(--luys-color-text-primary) 50%, transparent 50%); background-position: calc(100% - 19px) 50%, calc(100% - 14px) 50%; background-size: 5px 5px, 5px 5px; background-repeat: no-repeat; } .luys-collection-filter select:focus, .luys-collection-filter input:focus { border-color: var(--luys-color-oak-500); box-shadow: 0 0 0 3px rgba(163, 132, 94, 0.11); outline: none; } .luys-collection-filter__actions { display: flex; align-items: center; gap: 14px; min-height: 48px; } .luys-collection-filter__actions .luys-btn { min-height: 48px; padding-inline: 24px; white-space: nowrap; } .luys-collection-filter__reset { display: inline-flex; align-items: center; min-height: 48px; color: var(--luys-color-text-secondary); font-size: 13px; line-height: 1.3; text-decoration: underline; text-underline-offset: 4px; transition: color 0.22s ease; } .luys-collection-filter__reset:hover { color: var(--luys-color-oak-500); } .luys-collection-results-bar { display: flex; justify-content: space-between; align-items: center; margin: 0 0 22px; } .luys-collection-results-bar p { margin: 0; color: var(--luys-color-text-secondary); font-size: 14px; line-height: 1.5; } .luys-collection-products__grid .woocommerce, .luys-collection-products__grid .products { width: 100%; max-width: none; margin: 0; } .luys-collection-products__grid ul.products { width: 100%; margin: 0 !important; padding: 0 !important; display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 28px !important; list-style: none !important; } .luys-collection-products__grid ul.products::before, .luys-collection-products__grid ul.products::after { display: none !important; content: none !important; } .luys-collection-products__grid ul.products li.product { width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; float: none !important; list-style: none !important; background: transparent !important; box-shadow: none !important; } .luys-collection-products__grid ul.products li.product::marker { content: "" !important; } .luys-collection-products__grid ul.products li.product > a.woocommerce-LoopProduct-link { display: block; color: var(--luys-color-text-primary); text-decoration: none; } .luys-collection-products__grid ul.products li.product a img { width: 100% !important; margin: 0 0 18px !important; display: block; aspect-ratio: 1 / 1; object-fit: cover; background: #f4f6f5; } .luys-collection-products__grid ul.products li.product .woocommerce-loop-product__title { margin: 0; padding: 0 !important; color: var(--luys-color-text-primary); font-family: "Cormorant Garamond", serif; font-size: clamp(22px, 2vw, 31px); font-weight: 400; letter-spacing: -0.03em; line-height: 1.05; } .luys-collection-products__grid ul.products li.product .price { margin: 12px 0 0 !important; display: block; color: var(--luys-color-text-primary); font-family: "DM Sans", sans-serif; font-size: 15px; font-weight: 400; line-height: 1.35; } .luys-collection-products__grid ul.products li.product .luys-product-card-actions { display: grid !important; gap: 12px !important; width: 100% !important; margin-top: 22px !important; } .luys-collection-products__grid ul.products li.product .luys-product-favorite-button, .luys-collection-products__grid ul.products li.product .luys-product-card-button { width: 100% !important; min-height: 48px !important; padding: 0 18px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 9px !important; border-radius: 999px !important; font-family: "DM Sans", sans-serif !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: 0.12em !important; line-height: 1.12 !important; text-align: center !important; text-decoration: none !important; text-transform: uppercase !important; white-space: normal !important; cursor: pointer; } .luys-collection-products__grid ul.products li.product .luys-product-favorite-button { border: 1px solid rgba(26, 24, 22, 0.16) !important; background: transparent !important; color: var(--luys-color-text-primary) !important; } .luys-collection-products__grid ul.products li.product .luys-product-card-button { border: 1px solid var(--luys-color-text-primary) !important; background: var(--luys-color-text-primary) !important; color: #ffffff !important; } .luys-collection-products__grid ul.products li.product .luys-product-favorite-button:hover, .luys-collection-products__grid ul.products li.product .luys-product-favorite-button.is-active { border-color: var(--luys-color-oak-500) !important; background: var(--luys-color-oak-500) !important; color: #ffffff !important; } .luys-collection-products__grid ul.products li.product .luys-product-card-button:hover { border-color: var(--luys-color-oak-500) !important; background: var(--luys-color-oak-500) !important; color: #ffffff !important; } .luys-collection-products__empty { max-width: 680px; padding: 42px; background: #ffffff; border: 1px solid rgba(26, 24, 22, 0.07); } .luys-collection-products__empty h3 { margin: 0 0 14px; color: var(--luys-color-text-primary); font-family: "Cormorant Garamond", serif; font-size: 42px; font-weight: 400; letter-spacing: -0.03em; line-height: 1; } .luys-collection-products__empty p { margin: 0 0 24px; color: var(--luys-color-text-secondary); font-size: 16px; line-height: 1.75; } .luys-collection-pagination { margin-top: 44px; } .luys-collection-pagination ul { margin: 0; padding: 0; display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; list-style: none; } .luys-collection-pagination a, .luys-collection-pagination span { min-width: 44px; min-height: 44px; padding: 0 15px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(26, 24, 22, 0.1); background: #ffffff; color: var(--luys-color-text-primary); font-size: 13px; font-weight: 600; text-decoration: none; } .luys-collection-pagination .current, .luys-collection-pagination a:hover { border-color: var(--luys-color-oak-500); background: var(--luys-color-oak-500); color: #ffffff; } .luys-collection-advice { padding: 104px 0; background: var(--luys-color-pink-100); } .luys-collection-advice__inner { padding: 64px; text-align: center; background: #ffffff; } .luys-collection-advice h2 { max-width: 760px; margin: 0 auto; } .luys-collection-advice p { max-width: 560px; margin: 24px auto 0; color: var(--luys-color-text-secondary); font-size: 16px; line-height: 1.75; } .luys-collection-advice__actions { display: flex; justify-content: center; flex-wrap: wrap; gap: 14px; margin-top: 34px; } .luys-collection-advice .luys-btn--outline { border-color: rgba(26, 24, 22, 0.18); color: var(--luys-color-text-primary); background: transparent; } .luys-collection-advice .luys-btn--outline:hover { border-color: var(--luys-color-oak-500); color: var(--luys-color-oak-500); } @media (max-width: 1180px) { .luys-collection-filter { grid-template-columns: repeat(3, minmax(0, 1fr)); } .luys-collection-filter__actions { grid-column: 1 / -1; } } @media (max-width: 1024px) { .luys-collection-products__header { grid-template-columns: 1fr; gap: 28px; } .luys-collection-products__grid .woocommerce ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 768px) { .luys-collection-hero { padding: 78px 0 84px; } .luys-collection-hero p, .luys-collection-products__header > p { font-size: 16px; line-height: 1.75; } .luys-collection-hero__actions, .luys-collection-advice__actions { display: grid; } .luys-collection-hero__actions .luys-btn, .luys-collection-advice__actions .luys-btn { width: 100%; justify-content: center; } .luys-collection-products { padding: 72px 0 76px; } .luys-collection-filter { padding: 22px; grid-template-columns: 1fr; } .luys-collection-filter__actions { display: grid; gap: 12px; } .luys-collection-filter__actions .luys-btn { width: 100%; } .luys-collection-filter__reset { justify-content: center; } .luys-collection-products__grid ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 10px !important; } .luys-collection-products__grid .woocommerce ul.products li.product { padding: 10px !important; } .luys-collection-products__grid .woocommerce ul.products li.product a img { margin-bottom: 10px; aspect-ratio: 1 / 1.08; } .luys-collection-products__grid .woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 15px; line-height: 1.12; letter-spacing: -0.02em; } .luys-collection-products__grid .woocommerce ul.products li.product .price { margin-top: 7px; font-size: 11px; line-height: 1.2; } .luys-collection-products__grid .woocommerce ul.products li.product .luys-product-card-actions { gap: 6px; margin-top: 9px; } .luys-collection-products__grid .woocommerce ul.products li.product .luys-product-favorite-button, .luys-collection-products__grid .woocommerce ul.products li.product .luys-product-card-button { min-height: 30px; padding: 0 6px !important; font-size: 8px; letter-spacing: 0.06em; line-height: 1.1 !important; } .luys-collection-products__grid .woocommerce ul.products li.product .luys-product-favorite-button [data-luys-favorite-label] { display: none; } .luys-collection-products__grid .woocommerce ul.products li.product .luys-product-favorite-button { min-height: 28px; } .luys-collection-advice { padding: 76px 0; } .luys-collection-advice__inner { padding: 42px 24px; } } @media (max-width: 768px) { .luys-collection-products__grid ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 10px !important; } .luys-collection-products__grid ul.products li.product a img { margin-bottom: 9px !important; aspect-ratio: 1 / 1; } .luys-collection-products__grid ul.products li.product .woocommerce-loop-product__title { font-size: 14px !important; line-height: 1.08 !important; letter-spacing: -0.02em !important; } .luys-collection-products__grid ul.products li.product .price { margin-top: 6px !important; font-size: 11px !important; } .luys-collection-products__grid ul.products li.product .luys-product-card-actions { gap: 6px !important; margin-top: 9px !important; } .luys-collection-products__grid ul.products li.product .luys-product-favorite-button, .luys-collection-products__grid ul.products li.product .luys-product-card-button { min-height: 30px !important; padding: 0 5px !important; font-size: 7.5px !important; letter-spacing: 0.055em !important; } .luys-collection-products__grid ul.products li.product .luys-product-favorite-button [data-luys-favorite-label] { display: none !important; } .luys-collection-products__grid ul.products li.product .luys-product-favorite-button { min-height: 28px !important; } } @media (max-width: 390px) { .luys-collection-products__grid ul.products { gap: 8px !important; } .luys-collection-products__grid ul.products li.product .woocommerce-loop-product__title { font-size: 13px !important; } .luys-collection-products__grid ul.products li.product .luys-product-card-button { font-size: 7px !important; } } @media (min-width: 901px) { .luys-collection-products__grid ul.products { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 24px !important; } .luys-collection-products__grid ul.products li.product a img { margin-bottom: 14px !important; aspect-ratio: 1 / 1; } .luys-collection-products__grid ul.products li.product .woocommerce-loop-product__title { font-size: clamp(19px, 1.35vw, 25px) !important; line-height: 1.08 !important; } .luys-collection-products__grid ul.products li.product .price { margin-top: 8px !important; font-size: 13px !important; } .luys-collection-products__grid ul.products li.product .luys-product-card-actions { gap: 9px !important; margin-top: 15px !important; } .luys-collection-products__grid ul.products li.product .luys-product-favorite-button, .luys-collection-products__grid ul.products li.product .luys-product-card-button { min-height: 40px !important; padding: 0 13px !important; font-size: 9px !important; letter-spacing: 0.09em !important; } } .luys-collection-products { border-top: 1px solid rgba(26, 24, 22, 0.06); border-bottom: 1px solid rgba(26, 24, 22, 0.06); } .luys-collection-filter { box-shadow: 0 18px 48px rgba(26, 24, 22, 0.035); } .luys-collection-advice__inner { border: 1px solid rgba(26, 24, 22, 0.07); box-shadow: 0 18px 48px rgba(26, 24, 22, 0.035); } .luys-collection-products__grid ul.products li.product .luys-product-favorite-button, .luys-collection-products__grid ul.products li.product .luys-product-card-button { font-size: 10px !important; } @media (max-width: 768px) { .luys-collection-products__grid ul.products li.product .luys-product-favorite-button, .luys-collection-products__grid ul.products li.product .luys-product-card-button { font-size: 8.8px !important; letter-spacing: 0.065em !important; } .luys-collection-products__grid ul.products li.product .luys-product-card-button { line-height: 1.12 !important; } .luys-collection-products__grid ul.products li.product .luys-favorite-icon { font-size: 11px !important; } } @media (max-width: 390px) { .luys-collection-products__grid ul.products li.product .luys-product-favorite-button, .luys-collection-products__grid ul.products li.product .luys-product-card-button { font-size: 8.2px !important; letter-spacing: 0.052em !important; } } .luys-collection-products__grid ul.products li.product { display: flex !important; flex-direction: column !important; height: 100% !important; } .luys-collection-products__grid ul.products li.product > a.woocommerce-LoopProduct-link { display: flex !important; flex: 1 1 auto !important; flex-direction: column !important; width: 100% !important; min-height: 0 !important; } .luys-collection-products__grid ul.products li.product .price { margin-top: auto !important; padding-top: 8px !important; } .luys-collection-products__grid ul.products li.product .luys-product-card-actions { flex: 0 0 auto !important; width: 100% !important; } @media (max-width: 768px) { .luys-collection-products__grid ul.products li.product .price { padding-top: 6px !important; } } body.luys-page-slug-raamdecoratie .luys-collections-hero__content, body.luys-page-slug-raamdecoratie .luys-collections-hero__copy, body.luys-page-slug-raamdecoratie .luys-collections-hero__text, body.luys-page-slug-raamdecoratie .luys-collections-hero__intro, body.luys-page-slug-raamdecoratie .luys-raamdecoratie-hero__content, body.luys-page-slug-raamdecoratie .luys-raamdecoratie-hero__copy, body.luys-page-slug-raamdecoratie .luys-raamdecoratie-hero__text, body.luys-page-slug-raamdecoratie .luys-raamdecoratie-hero__intro { padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } body.luys-page-slug-raamdecoratie .luys-collections-hero p, body.luys-page-slug-raamdecoratie .luys-raamdecoratie-hero p { max-width: 620px; color: var(--luys-color-text-secondary); font-size: 18px; line-height: 1.8; } @media (max-width: 768px) { body.luys-page-slug-raamdecoratie .luys-collections-hero p, body.luys-page-slug-raamdecoratie .luys-raamdecoratie-hero p { font-size: 16px; line-height: 1.75; } } .luys-productgroup-page { background: var(--luys-color-white); } .luys-productgroup-hero { padding: 96px 0; background: linear-gradient( 135deg, rgba(232, 219, 205, 0.72), rgba(250, 247, 242, 0.98) ); border-bottom: 1px solid rgba(26, 24, 22, 0.06); } .luys-productgroup-hero__grid { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); gap: 72px; align-items: center; } .luys-productgroup-title { max-width: 720px; margin: 0; font-family: "Cormorant Garamond", serif; font-size: clamp(54px, 7vw, 92px); line-height: 0.94; font-weight: 400; letter-spacing: -0.04em; color: var(--luys-color-text-primary); } .luys-productgroup-intro { max-width: 560px; margin: 30px 0 0; font-size: 18px; line-height: 1.75; color: var(--luys-color-text-secondary); } .luys-productgroup-support { max-width: 560px; margin: 18px 0 0; font-size: 15px; line-height: 1.7; color: var(--luys-color-text-primary); } .luys-productgroup-actions { margin-top: 36px; display: flex; gap: 14px; flex-wrap: wrap; } .luys-productgroup-actions .luys-btn--outline, .luys-productgroup-cta .luys-btn--outline { border-color: rgba(26, 24, 22, 0.18); color: var(--luys-color-text-primary); background: transparent; } .luys-productgroup-actions .luys-btn--outline:hover, .luys-productgroup-cta .luys-btn--outline:hover { border-color: var(--luys-color-oak-500); color: var(--luys-color-oak-500); } .luys-productgroup-hero__image { overflow: hidden; background: var(--luys-color-pink-100); } .luys-productgroup-hero__image img { display: block; width: 100%; aspect-ratio: 4 / 4.6; object-fit: cover; } .luys-productgroup-benefits { background: var(--luys-color-white); } .luys-productgroup-benefit-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; } .luys-productgroup-benefit { min-height: 150px; padding: 28px; border: 1px solid rgba(26, 24, 22, 0.08); background: #ffffff; } .luys-productgroup-benefit span { width: 34px; height: 34px; margin-bottom: 22px; display: inline-flex; border-radius: 999px; background: radial-gradient( circle at 35% 35%, rgba(255, 255, 255, 0.9), rgba(163, 132, 94, 0.5) ); } .luys-productgroup-benefit p { margin: 0; font-size: 15px; line-height: 1.65; color: var(--luys-color-text-primary); } .luys-productgroup-content { padding: 24px 0 96px; background: var(--luys-color-white); } .luys-productgroup-content__grid { display: grid; grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr); gap: 72px; padding-top: 72px; border-top: 1px solid rgba(26, 24, 22, 0.08); } .luys-productgroup-content h2 { max-width: 520px; margin: 0; font-family: "Cormorant Garamond", serif; font-size: clamp(40px, 5vw, 68px); line-height: 0.98; font-weight: 400; letter-spacing: -0.035em; color: var(--luys-color-text-primary); } .luys-productgroup-content__text { max-width: 680px; font-size: 17px; line-height: 1.85; color: var(--luys-color-text-secondary); } .luys-productgroup-content__text p { margin: 0 0 24px; } .luys-productgroup-content__text p:last-child { margin-bottom: 0; } .luys-productgroup-faq { padding: 0 0 96px; background: var(--luys-color-white); } .luys-productgroup-faq__grid { display: grid; grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr); gap: 72px; padding-top: 72px; border-top: 1px solid rgba(26, 24, 22, 0.08); } .luys-productgroup-faq h2 { max-width: 520px; margin: 0; font-family: "Cormorant Garamond", serif; font-size: clamp(40px, 5vw, 68px); line-height: 0.98; font-weight: 400; letter-spacing: -0.035em; color: var(--luys-color-text-primary); } .luys-productgroup-faq__items { display: grid; gap: 18px; } .luys-productgroup-faq__item { padding: 28px; border: 1px solid rgba(26, 24, 22, 0.08); background: #ffffff; } .luys-productgroup-faq__item h3 { margin: 0; font-family: "Cormorant Garamond", serif; font-size: 30px; line-height: 1; font-weight: 400; letter-spacing: -0.025em; color: var(--luys-color-text-primary); } .luys-productgroup-faq__item p { margin: 16px 0 0; font-size: 15px; line-height: 1.75; color: var(--luys-color-text-secondary); } .luys-productgroup-cta { padding: 0 0 104px; background: var(--luys-color-white); } .luys-productgroup-cta__inner { padding: 64px; text-align: center; background: var(--luys-color-pink-100); } .luys-productgroup-cta h2 { max-width: 760px; margin: 0 auto; font-family: "Cormorant Garamond", serif; font-size: clamp(42px, 5vw, 72px); line-height: 0.96; font-weight: 400; letter-spacing: -0.035em; color: var(--luys-color-text-primary); } .luys-productgroup-cta p { max-width: 560px; margin: 24px auto 0; font-size: 16px; line-height: 1.75; color: var(--luys-color-text-secondary); } .luys-productgroup-cta__actions { margin-top: 34px; display: flex; justify-content: center; gap: 14px; flex-wrap: wrap; } @media (max-width: 1024px) { .luys-productgroup-hero__grid, .luys-productgroup-content__grid, .luys-productgroup-faq__grid { grid-template-columns: 1fr; gap: 48px; } .luys-productgroup-benefit-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .luys-productgroup-hero__image img { aspect-ratio: 16 / 10; } } @media (max-width: 768px) { .luys-productgroup-hero { padding: 72px 0 56px; } .luys-productgroup-intro { font-size: 16px; line-height: 1.7; } .luys-productgroup-actions, .luys-productgroup-cta__actions { display: grid; } .luys-productgroup-actions .luys-btn, .luys-productgroup-cta__actions .luys-btn { width: 100%; justify-content: center; } .luys-productgroup-benefit-grid { grid-template-columns: 1fr; } .luys-productgroup-benefit { min-height: auto; } .luys-productgroup-content { padding: 8px 0 72px; } .luys-productgroup-content__grid, .luys-productgroup-faq__grid { padding-top: 52px; gap: 34px; } .luys-productgroup-content__text { font-size: 16px; line-height: 1.75; } .luys-productgroup-faq { padding: 0 0 72px; } .luys-productgroup-faq__item { padding: 24px; } .luys-productgroup-cta { padding: 0 0 76px; } .luys-productgroup-cta__inner { padding: 42px 24px; } } .luys-productgroup-possibilities { background: var(--luys-color-pink-50, #faf7f2); } .luys-productgroup-possibilities__intro { max-width: 720px; margin: 0 auto 34px; text-align: center; } .luys-productgroup-possibilities__intro h2 { margin: 0; font-family: "Cormorant Garamond", serif; font-size: clamp(38px, 4.2vw, 60px); line-height: 1; font-weight: 400; letter-spacing: -.03em; color: var(--luys-color-text-primary); } .luys-productgroup-possibilities__intro > p:last-child { max-width: 560px; margin: 16px auto 0; color: var(--luys-color-text-secondary); font-size: 14px; line-height: 1.55; } .luys-productgroup-possibilities__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; } .luys-productgroup-possibility-card { min-width: 0; padding: 24px; border: 1px solid rgba(26, 24, 22, .08); background: #fff; } .luys-productgroup-possibility-card__visual { width: 46px; height: 46px; margin-bottom: 19px; display: flex; align-items: center; justify-content: center; gap: 5px; border-radius: 50%; background: rgba(125, 101, 76, .10); } .luys-productgroup-possibility-card__visual i { display: block; width: 5px; height: 22px; border-radius: 999px; background: var(--luys-color-oak-500); } .luys-productgroup-possibility-card--1 .luys-productgroup-possibility-card__visual { flex-direction: column; gap: 4px; } .luys-productgroup-possibility-card--1 .luys-productgroup-possibility-card__visual i { width: 23px; height: 3px; } .luys-productgroup-possibility-card--1 .luys-productgroup-possibility-card__visual i:nth-child(2) { width: 17px; } .luys-productgroup-possibility-card--1 .luys-productgroup-possibility-card__visual i:nth-child(3) { width: 11px; } .luys-productgroup-possibility-card--2 .luys-productgroup-possibility-card__visual i { width: 9px; height: 9px; border-radius: 50%; } .luys-productgroup-possibility-card--3 .luys-productgroup-possibility-card__visual i:nth-child(1) { height: 14px; } .luys-productgroup-possibility-card--3 .luys-productgroup-possibility-card__visual i:nth-child(2) { height: 25px; } .luys-productgroup-possibility-card--3 .luys-productgroup-possibility-card__visual i:nth-child(3) { height: 18px; } .luys-productgroup-possibility-card--4 .luys-productgroup-possibility-card__visual i { width: 18px; height: 2px; border-radius: 0; } .luys-productgroup-possibility-card--4 .luys-productgroup-possibility-card__visual i:nth-child(2) { width: 2px; height: 18px; } .luys-productgroup-possibility-card h3 { margin: 0; font-family: "Cormorant Garamond", serif; font-size: 27px; line-height: 1.02; font-weight: 400; letter-spacing: -.025em; color: var(--luys-color-text-primary); } .luys-productgroup-possibility-card ul { margin: 17px 0 0; padding: 0; list-style: none; display: grid; gap: 7px; } .luys-productgroup-possibility-card li { padding: 8px 10px; border: 1px solid rgba(26, 24, 22, .06); background: var(--luys-color-pink-50, #faf7f2); color: var(--luys-color-text-primary); font-size: 12px; line-height: 1.35; } .luys-productgroup-possibility-card li::before { display: none; } .luys-productgroup-possibilities__note { max-width: 680px; margin: 22px auto 0; color: var(--luys-color-text-secondary); font-size: 11px; line-height: 1.5; text-align: center; } @media (max-width: 1100px) { .luys-productgroup-possibilities__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .luys-productgroup-products { background: #fff; } .luys-productgroup-products__header { margin-bottom: 38px; display: flex; justify-content: space-between; align-items: flex-end; gap: 28px; } .luys-productgroup-products__header h2 { margin: 0; font-family: "Cormorant Garamond", serif; font-size: clamp(40px, 4.6vw, 64px); line-height: .98; font-weight: 400; letter-spacing: -.035em; color: var(--luys-color-text-primary); } .luys-productgroup-products__header p:not(.luys-section-eyebrow) { max-width: 640px; margin: 16px 0 0; color: var(--luys-color-text-secondary); font-size: 15px; line-height: 1.7; } .luys-productgroup-products__all { flex: 0 0 auto; padding-bottom: 4px; color: var(--luys-color-text-primary); font-size: 13px; text-decoration: none; } .luys-productgroup-products__all:hover, .luys-productgroup-products__all:focus-visible { color: var(--luys-color-oak-500); } .luys-productgroup-products__empty { grid-column: 1 / -1; padding: 42px; background: var(--luys-color-pink-50, #faf7f2); text-align: center; } .luys-productgroup-products__empty h3 { margin: 0; font-family: "Cormorant Garamond", serif; font-size: 36px; font-weight: 400; } .luys-productgroup-products__empty p { max-width: 560px; margin: 14px auto 24px; color: var(--luys-color-text-secondary); line-height: 1.7; } @media (max-width: 768px) { .luys-productgroup-possibilities__intro { margin: 0 0 24px; text-align: left; } .luys-productgroup-possibilities__intro h2 { font-size: 36px; } .luys-productgroup-possibilities__intro > p:last-child, .luys-productgroup-possibilities__note { margin-left: 0; margin-right: 0; text-align: left; } .luys-productgroup-possibilities__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .luys-productgroup-possibility-card { padding: 18px 14px; } .luys-productgroup-possibility-card__visual { width: 38px; height: 38px; margin-bottom: 14px; } .luys-productgroup-possibility-card h3 { font-size: 22px; } .luys-productgroup-possibility-card ul { margin-top: 13px; gap: 5px; } .luys-productgroup-possibility-card li { padding: 7px 8px; font-size: 11px; } .luys-productgroup-products__header { margin-bottom: 28px; display: grid; align-items: start; } .luys-productgroup-products__all { width: fit-content; } .luys-productgroup-products__empty { padding: 32px 22px; } } .luys-meetservice-page { background: var(--luys-color-white); } .luys-meetservice-page-hero { padding: 96px 0; background: linear-gradient( 135deg, rgba(232, 219, 205, 0.72), rgba(250, 247, 242, 0.98) ); border-bottom: 1px solid rgba(26, 24, 22, 0.06); } .luys-meetservice-page-hero__grid { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); gap: 72px; align-items: center; } .luys-meetservice-page-title { max-width: 720px; margin: 0; font-family: "Cormorant Garamond", serif; font-size: clamp(54px, 7vw, 92px); line-height: 0.94; font-weight: 400; letter-spacing: -0.04em; color: var(--luys-color-text-primary); } .luys-meetservice-page-intro { max-width: 560px; margin: 30px 0 0; font-size: 18px; line-height: 1.75; color: var(--luys-color-text-secondary); } .luys-meetservice-page-actions { margin-top: 36px; display: flex; gap: 14px; flex-wrap: wrap; } .luys-meetservice-page-actions .luys-btn--outline, .luys-meetservice-cta .luys-btn--outline { border-color: rgba(26, 24, 22, 0.18); color: var(--luys-color-text-primary); background: transparent; } .luys-meetservice-page-actions .luys-btn--outline:hover, .luys-meetservice-cta .luys-btn--outline:hover { border-color: var(--luys-color-oak-500); color: var(--luys-color-oak-500); } .luys-meetservice-page-hero__image { overflow: hidden; background: var(--luys-color-pink-100); } .luys-meetservice-page-hero__image img { display: block; width: 100%; aspect-ratio: 4 / 4.6; object-fit: cover; } .luys-meetservice-step-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; } .luys-meetservice-step { padding: 32px 28px; min-height: 230px; background: #ffffff; border: 1px solid rgba(26, 24, 22, 0.08); } .luys-meetservice-step span { display: block; margin-bottom: 36px; font-family: "Cormorant Garamond", serif; font-size: 42px; line-height: 1; color: var(--luys-color-oak-500); } .luys-meetservice-step h3 { margin: 0 0 12px; font-size: 17px; line-height: 1.35; color: var(--luys-color-text-primary); } .luys-meetservice-step p { margin: 0; font-size: 14px; line-height: 1.7; color: var(--luys-color-text-secondary); } .luys-meetservice-split { padding: 24px 0 96px; background: var(--luys-color-white); } .luys-meetservice-split__grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); gap: 72px; align-items: center; } .luys-meetservice-split__image { overflow: hidden; } .luys-meetservice-split__image img { display: block; width: 100%; aspect-ratio: 4 / 3.4; object-fit: cover; } .luys-meetservice-split__content h2 { max-width: 560px; margin: 0; font-family: "Cormorant Garamond", serif; font-size: clamp(42px, 5vw, 72px); line-height: 0.96; font-weight: 400; letter-spacing: -0.035em; color: var(--luys-color-text-primary); } .luys-meetservice-split__content p { max-width: 560px; margin: 24px 0 0; font-size: 16px; line-height: 1.8; color: var(--luys-color-text-secondary); } .luys-meetservice-split__content ul { margin: 30px 0 0; padding: 0; list-style: none; display: grid; gap: 14px; } .luys-meetservice-split__content li { position: relative; padding-left: 28px; font-size: 15px; color: var(--luys-color-text-primary); } .luys-meetservice-split__content li::before { content: ""; position: absolute; left: 0; top: 0.55em; width: 8px; height: 8px; border-radius: 999px; background: var(--luys-color-oak-500); } .luys-meetservice-faq { background: var(--luys-color-pink-100); } .luys-meetservice-faq-list { display: grid; gap: 14px; } .luys-meetservice-faq-item { padding: 28px 32px; background: #ffffff; border: 1px solid rgba(26, 24, 22, 0.07); } .luys-meetservice-faq-item h3 { margin: 0 0 10px; font-size: 17px; color: var(--luys-color-text-primary); } .luys-meetservice-faq-item p { max-width: 760px; margin: 0; font-size: 15px; line-height: 1.75; color: var(--luys-color-text-secondary); } .luys-meetservice-cta { padding: 104px 0; background: var(--luys-color-white); } .luys-meetservice-cta__inner { padding: 64px; text-align: center; background: var(--luys-color-pink-100); } .luys-meetservice-cta h2 { max-width: 760px; margin: 0 auto; font-family: "Cormorant Garamond", serif; font-size: clamp(42px, 5vw, 72px); line-height: 0.96; font-weight: 400; letter-spacing: -0.035em; color: var(--luys-color-text-primary); } .luys-meetservice-cta p { max-width: 560px; margin: 24px auto 0; font-size: 16px; line-height: 1.75; color: var(--luys-color-text-secondary); } .luys-meetservice-cta__actions { margin-top: 34px; display: flex; justify-content: center; gap: 14px; flex-wrap: wrap; } @media (max-width: 1024px) { .luys-meetservice-page-hero__grid, .luys-meetservice-split__grid { grid-template-columns: 1fr; gap: 48px; } .luys-meetservice-step-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .luys-meetservice-page-hero__image img { aspect-ratio: 16 / 10; } } @media (max-width: 768px) { .luys-meetservice-page-hero { padding: 72px 0 56px; } .luys-meetservice-page-intro { font-size: 16px; line-height: 1.7; } .luys-meetservice-page-actions { display: grid; } .luys-meetservice-page-actions .luys-btn { width: 100%; justify-content: center; } .luys-meetservice-step-grid { grid-template-columns: 1fr; } .luys-meetservice-step { min-height: auto; } .luys-meetservice-split { padding: 8px 0 72px; } .luys-meetservice-faq-item { padding: 24px; } .luys-meetservice-cta { padding: 76px 0; } .luys-meetservice-cta__inner { padding: 42px 24px; } .luys-meetservice-cta__actions { display: grid; } .luys-meetservice-cta__actions .luys-btn { width: 100%; justify-content: center; } } @media (max-width: 768px) { .luys-meetservice-page { display: flex; flex-direction: column; } .luys-meetservice-page-hero { order: 1; } .luys-meetservice-request { order: 2; } .luys-meetservice-steps { order: 3; padding-top: 34px !important; padding-bottom: 38px !important; } .luys-meetservice-faq { order: 4; } .luys-meetservice-request__intro .luys-section-eyebrow, .luys-meetservice-request__intro ul { display: none !important; } } .luys-measure-guide__header{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);gap:48px;align-items:end}.luys-measure-guide__header>p{margin:0;color:var(--luys-color-text-secondary);font-size:15px;line-height:1.7}.luys-measure-method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.luys-measure-method{display:grid;grid-template-rows:auto 1fr;border:1px solid rgba(26,24,22,.09);background:#fff}.luys-measure-visual{padding:24px;background:var(--luys-color-pink-100)}.luys-measure-visual svg{display:block;width:100%;height:auto}.luys-measure-visual .frame{fill:#fdfcfb;stroke:#7d654c;stroke-width:7}.luys-measure-visual .glass{fill:#e8dfd3;stroke:#b5a490;stroke-width:2}.luys-measure-visual .coverage{fill:rgba(125,101,76,.08);stroke:#1a1816;stroke-width:4;stroke-dasharray:9 7}.luys-measure-visual .measure-line{stroke:#7d654c;stroke-width:3;fill:none}.luys-measure-visual .ticks{stroke:#7d654c;stroke-width:3;fill:none}.luys-measure-visual text{fill:#6f6258;font:600 13px "DM Sans",sans-serif;letter-spacing:.02em}.luys-measure-method__content{padding:30px}.luys-measure-method__content h3{margin:0 0 20px;font:400 38px/1 "Cormorant Garamond",serif;color:var(--luys-color-text-primary)}.luys-measure-method__content ol{margin:0;padding-left:22px;display:grid;gap:10px;color:var(--luys-color-text-secondary);font-size:14px;line-height:1.6}.luys-measure-answer{margin:24px 0 14px;padding:16px 18px;display:grid;gap:4px;background:var(--luys-color-cream-50);border-left:3px solid var(--luys-color-oak-500)}.luys-measure-answer span{color:var(--luys-color-text-muted);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.luys-measure-answer strong{color:var(--luys-color-text-primary);font-size:14px}.luys-measure-note{margin:0;color:var(--luys-color-text-muted);font-size:12px;line-height:1.6}.luys-measure-check{background:var(--luys-color-cream-50)}.luys-measure-check__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.luys-measure-check__grid article{padding:24px;background:#fff;border:1px solid rgba(26,24,22,.07)}.luys-measure-check__grid article>span{color:var(--luys-color-oak-500);font-size:10px;font-weight:700;letter-spacing:.12em}.luys-measure-check__grid h3{margin:18px 0 8px;font-size:17px}.luys-measure-check__grid p{margin:0;color:var(--luys-color-text-secondary);font-size:13px;line-height:1.6}.luys-measure-summary{background:#fff}.luys-measure-summary__inner{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:60px;align-items:center;padding:48px;background:var(--luys-color-pink-100)}.luys-measure-summary h2{margin:0;max-width:600px;font:400 clamp(38px,4.5vw,60px)/.98 "Cormorant Garamond",serif;letter-spacing:-.03em}.luys-measure-summary__tags{display:flex;flex-wrap:wrap;gap:9px}.luys-measure-summary__tags span{padding:10px 13px;border:1px solid rgba(26,24,22,.1);border-radius:999px;background:#fff;color:var(--luys-color-text-secondary);font-size:12px}.luys-meetinstructions-page .luys-meetservice-request{background:var(--luys-color-pink-100)} @media(max-width:1024px){.luys-measure-guide__header,.luys-measure-summary__inner{grid-template-columns:1fr;gap:24px}.luys-measure-check__grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:768px){.luys-meetinstructions-page{display:block!important}.luys-measure-method-grid{grid-template-columns:1fr}.luys-measure-visual{padding:14px}.luys-measure-method__content{padding:22px 18px}.luys-measure-method__content h3{font-size:32px}.luys-measure-check__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.luys-measure-check__grid article{padding:16px 14px}.luys-measure-check__grid h3{margin-top:10px;font-size:15px}.luys-measure-check__grid p{font-size:11.5px}.luys-measure-summary__inner{padding:26px 18px}.luys-measure-summary h2{font-size:36px}.luys-meetinstructions-page .luys-meetservice-request{order:initial!important}.luys-meetinstructions-page .luys-meetservice-request__intro .luys-section-eyebrow{display:block!important}.luys-meetinstructions-page .luys-meetservice-request__intro h2{font-size:38px!important}} .luys-samples-page { background: var(--luys-color-white); } .luys-samples-hero { padding: 96px 0; background: linear-gradient( 135deg, rgba(232, 219, 205, 0.72), rgba(250, 247, 242, 0.98) ); border-bottom: 1px solid rgba(26, 24, 22, 0.06); } .luys-samples-hero__grid { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); gap: 72px; align-items: center; } .luys-samples-title { max-width: 760px; margin: 0; font-family: "Cormorant Garamond", serif; font-size: clamp(54px, 7vw, 92px); line-height: 0.94; font-weight: 400; letter-spacing: -0.04em; color: var(--luys-color-text-primary); } .luys-samples-intro { max-width: 580px; margin: 30px 0 0; font-size: 18px; line-height: 1.75; color: var(--luys-color-text-secondary); } .luys-samples-actions { margin-top: 36px; display: flex; gap: 14px; flex-wrap: wrap; } .luys-samples-actions .luys-btn--outline, .luys-samples-cta .luys-btn--outline { border-color: rgba(26, 24, 22, 0.18); color: var(--luys-color-text-primary); background: transparent; } .luys-samples-actions .luys-btn--outline:hover, .luys-samples-cta .luys-btn--outline:hover { border-color: var(--luys-color-oak-500); color: var(--luys-color-oak-500); } .luys-samples-hero__image { overflow: hidden; background: var(--luys-color-pink-100); } .luys-samples-hero__image img { display: block; width: 100%; aspect-ratio: 4 / 4.6; object-fit: cover; } .luys-samples-step-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; } .luys-samples-step { padding: 32px 28px; min-height: 230px; background: #ffffff; border: 1px solid rgba(26, 24, 22, 0.08); } .luys-samples-step span { display: block; margin-bottom: 36px; font-family: "Cormorant Garamond", serif; font-size: 42px; line-height: 1; color: var(--luys-color-oak-500); } .luys-samples-step h3 { margin: 0 0 12px; font-size: 17px; line-height: 1.35; color: var(--luys-color-text-primary); } .luys-samples-step p { margin: 0; font-size: 14px; line-height: 1.7; color: var(--luys-color-text-secondary); } .luys-samples-split { padding: 24px 0 96px; background: var(--luys-color-white); } .luys-samples-split__grid { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); gap: 72px; align-items: center; } .luys-samples-split__content h2 { max-width: 560px; margin: 0; font-family: "Cormorant Garamond", serif; font-size: clamp(42px, 5vw, 72px); line-height: 0.96; font-weight: 400; letter-spacing: -0.035em; color: var(--luys-color-text-primary); } .luys-samples-split__content p { max-width: 560px; margin: 24px 0 0; font-size: 16px; line-height: 1.8; color: var(--luys-color-text-secondary); } .luys-samples-split__content ul { margin: 30px 0 0; padding: 0; list-style: none; display: grid; gap: 14px; } .luys-samples-split__content li { position: relative; padding-left: 28px; font-size: 15px; color: var(--luys-color-text-primary); } .luys-samples-split__content li::before { content: ""; position: absolute; left: 0; top: 0.55em; width: 8px; height: 8px; border-radius: 999px; background: var(--luys-color-oak-500); } .luys-samples-split__image { overflow: hidden; } .luys-samples-split__image img { display: block; width: 100%; aspect-ratio: 4 / 3.4; object-fit: cover; } .luys-samples-products { background: var(--luys-color-pink-100); } .luys-samples-product-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; } .luys-samples-product { display: block; overflow: hidden; background: #ffffff; text-decoration: none; color: var(--luys-color-text-primary); border: 1px solid rgba(26, 24, 22, 0.07); transition: transform 0.24s ease, box-shadow 0.24s ease; } .luys-samples-product:hover { transform: translateY(-4px); box-shadow: 0 22px 54px rgba(26, 24, 22, 0.08); } .luys-samples-product img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; } .luys-samples-product span { display: block; padding: 22px 22px 24px; font-family: "Cormorant Garamond", serif; font-size: 28px; line-height: 1; letter-spacing: -0.02em; } .luys-samples-cta { padding: 104px 0; background: var(--luys-color-white); } .luys-samples-cta__inner { padding: 64px; text-align: center; background: var(--luys-color-pink-100); } .luys-samples-cta h2 { max-width: 760px; margin: 0 auto; font-family: "Cormorant Garamond", serif; font-size: clamp(42px, 5vw, 72px); line-height: 0.96; font-weight: 400; letter-spacing: -0.035em; color: var(--luys-color-text-primary); } .luys-samples-cta p { max-width: 560px; margin: 24px auto 0; font-size: 16px; line-height: 1.75; color: var(--luys-color-text-secondary); } .luys-samples-cta__actions { margin-top: 34px; display: flex; justify-content: center; gap: 14px; flex-wrap: wrap; } @media (max-width: 1024px) { .luys-samples-hero__grid, .luys-samples-split__grid { grid-template-columns: 1fr; gap: 48px; } .luys-samples-step-grid, .luys-samples-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .luys-samples-hero__image img { aspect-ratio: 16 / 10; } } @media (max-width: 768px) { .luys-samples-hero { padding: 72px 0 56px; } .luys-samples-intro { font-size: 16px; line-height: 1.7; } .luys-samples-actions { display: grid; } .luys-samples-actions .luys-btn { width: 100%; justify-content: center; } .luys-samples-step-grid, .luys-samples-product-grid { grid-template-columns: 1fr; } .luys-samples-step { min-height: auto; } .luys-samples-split { padding: 8px 0 72px; } .luys-samples-cta { padding: 76px 0; } .luys-samples-cta__inner { padding: 42px 24px; } .luys-samples-cta__actions { display: grid; } .luys-samples-cta__actions .luys-btn { width: 100%; justify-content: center; } } .luys-samples-order-form select { width: 100%; min-height: 48px; padding: 12px 14px; border: 1px solid rgba(26,24,22,.15); border-radius: 0; background: #fff; color: var(--luys-color-text-primary); font: inherit; font-weight: 400; letter-spacing: 0; } .luys-about-page { background: var(--luys-color-white); } .luys-about-hero { padding: 96px 0; background: linear-gradient( 135deg, rgba(232, 219, 205, 0.72), rgba(250, 247, 242, 0.98) ); border-bottom: 1px solid rgba(26, 24, 22, 0.06); } .luys-about-hero__grid { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); gap: 72px; align-items: center; } .luys-about-title { max-width: 760px; margin: 0; font-family: "Cormorant Garamond", serif; font-size: clamp(54px, 7vw, 92px); line-height: 0.94; font-weight: 400; letter-spacing: -0.04em; color: var(--luys-color-text-primary); } .luys-about-intro { max-width: 580px; margin: 30px 0 0; font-size: 18px; line-height: 1.75; color: var(--luys-color-text-secondary); } .luys-about-actions { margin-top: 36px; display: flex; gap: 14px; flex-wrap: wrap; } .luys-about-actions .luys-btn--outline, .luys-about-cta .luys-btn--outline { border-color: rgba(26, 24, 22, 0.18); color: var(--luys-color-text-primary); background: transparent; } .luys-about-actions .luys-btn--outline:hover, .luys-about-cta .luys-btn--outline:hover { border-color: var(--luys-color-oak-500); color: var(--luys-color-oak-500); } .luys-about-hero__image { overflow: hidden; background: var(--luys-color-pink-100); } .luys-about-hero__image img { display: block; width: 100%; aspect-ratio: 4 / 4.6; object-fit: cover; } .luys-about-story { padding: 96px 0; background: var(--luys-color-white); } .luys-about-story__grid { display: grid; grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr); gap: 72px; } .luys-about-story h2 { max-width: 560px; margin: 0; font-family: "Cormorant Garamond", serif; font-size: clamp(42px, 5vw, 72px); line-height: 0.96; font-weight: 400; letter-spacing: -0.035em; color: var(--luys-color-text-primary); } .luys-about-story__text { max-width: 680px; font-size: 17px; line-height: 1.85; color: var(--luys-color-text-secondary); } .luys-about-story__text p { margin: 0 0 24px; } .luys-about-story__text p:last-child { margin-bottom: 0; } .luys-about-values { background: var(--luys-color-pink-100); } .luys-about-value-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; } .luys-about-value { padding: 32px 28px; min-height: 250px; background: #ffffff; border: 1px solid rgba(26, 24, 22, 0.07); } .luys-about-value span { display: block; margin-bottom: 36px; font-family: "Cormorant Garamond", serif; font-size: 42px; line-height: 1; color: var(--luys-color-oak-500); } .luys-about-value h3 { margin: 0 0 12px; font-size: 17px; line-height: 1.35; color: var(--luys-color-text-primary); } .luys-about-value p { margin: 0; font-size: 14px; line-height: 1.7; color: var(--luys-color-text-secondary); } .luys-about-split { padding: 96px 0; background: var(--luys-color-white); } .luys-about-split__grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); gap: 72px; align-items: center; } .luys-about-split__image { overflow: hidden; } .luys-about-split__image img { display: block; width: 100%; aspect-ratio: 4 / 3.4; object-fit: cover; } .luys-about-split__content h2 { max-width: 560px; margin: 0; font-family: "Cormorant Garamond", serif; font-size: clamp(42px, 5vw, 72px); line-height: 0.96; font-weight: 400; letter-spacing: -0.035em; color: var(--luys-color-text-primary); } .luys-about-split__content p { max-width: 560px; margin: 24px 0 0; font-size: 16px; line-height: 1.8; color: var(--luys-color-text-secondary); } .luys-about-split__content ul { margin: 30px 0 0; padding: 0; list-style: none; display: grid; gap: 14px; } .luys-about-split__content li { position: relative; padding-left: 28px; font-size: 15px; color: var(--luys-color-text-primary); } .luys-about-split__content li::before { content: ""; position: absolute; left: 0; top: 0.55em; width: 8px; height: 8px; border-radius: 999px; background: var(--luys-color-oak-500); } .luys-about-cta { padding: 0 0 104px; background: var(--luys-color-white); } .luys-about-cta__inner { padding: 64px; text-align: center; background: var(--luys-color-pink-100); } .luys-about-cta h2 { max-width: 760px; margin: 0 auto; font-family: "Cormorant Garamond", serif; font-size: clamp(42px, 5vw, 72px); line-height: 0.96; font-weight: 400; letter-spacing: -0.035em; color: var(--luys-color-text-primary); } .luys-about-cta p { max-width: 560px; margin: 24px auto 0; font-size: 16px; line-height: 1.75; color: var(--luys-color-text-secondary); } .luys-about-cta__actions { margin-top: 34px; display: flex; justify-content: center; gap: 14px; flex-wrap: wrap; } @media (max-width: 1024px) { .luys-about-hero__grid, .luys-about-story__grid, .luys-about-split__grid { grid-template-columns: 1fr; gap: 48px; } .luys-about-value-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .luys-about-hero__image img { aspect-ratio: 16 / 10; } } @media (max-width: 768px) { .luys-about-hero { padding: 72px 0 56px; } .luys-about-intro { font-size: 16px; line-height: 1.7; } .luys-about-actions { display: grid; } .luys-about-actions .luys-btn { width: 100%; justify-content: center; } .luys-about-story { padding: 72px 0; } .luys-about-story__text { font-size: 16px; line-height: 1.75; } .luys-about-value-grid { grid-template-columns: 1fr; } .luys-about-value { min-height: auto; } .luys-about-split { padding: 72px 0; } .luys-about-cta { padding: 0 0 76px; } .luys-about-cta__inner { padding: 42px 24px; } .luys-about-cta__actions { display: grid; } .luys-about-cta__actions .luys-btn { width: 100%; justify-content: center; } } .luys-contact-page { background: var(--luys-color-white); } .luys-contact-hero { padding: 96px 0; background: linear-gradient( 135deg, rgba(232, 219, 205, 0.72), rgba(250, 247, 242, 0.98) ); border-bottom: 1px solid rgba(26, 24, 22, 0.06); } .luys-contact-hero__grid { display: grid; grid-template-columns: minmax(0, 1fr) 420px; gap: 72px; align-items: start; } .luys-contact-title { max-width: 760px; margin: 0; font-family: "Cormorant Garamond", serif; font-size: clamp(54px, 7vw, 92px); line-height: 0.94; font-weight: 400; letter-spacing: -0.04em; color: var(--luys-color-text-primary); } .luys-contact-intro { max-width: 580px; margin: 30px 0 0; font-size: 18px; line-height: 1.75; color: var(--luys-color-text-secondary); } .luys-contact-actions { margin-top: 36px; display: flex; gap: 14px; flex-wrap: wrap; } .luys-contact-actions .luys-btn--outline, .luys-contact-cta .luys-btn--outline { border-color: rgba(26, 24, 22, 0.18); color: var(--luys-color-text-primary); background: transparent; } .luys-contact-actions .luys-btn--outline:hover, .luys-contact-cta .luys-btn--outline:hover { border-color: var(--luys-color-oak-500); color: var(--luys-color-oak-500); } .luys-contact-card { padding: 36px; background: #ffffff; border: 1px solid rgba(26, 24, 22, 0.08); box-shadow: 0 22px 54px rgba(26, 24, 22, 0.06); } .luys-contact-card h2 { margin: 0 0 28px; font-family: "Cormorant Garamond", serif; font-size: 38px; line-height: 1; font-weight: 400; letter-spacing: -0.025em; color: var(--luys-color-text-primary); } .luys-contact-card__item { padding: 20px 0; border-top: 1px solid rgba(26, 24, 22, 0.08); } .luys-contact-card__item span { display: block; margin-bottom: 8px; font-size: 11px; font-weight: 600; letter-spacing: 0.13em; text-transform: uppercase; color: var(--luys-color-oak-500); } .luys-contact-card__item a, .luys-contact-card__item p { margin: 0; color: var(--luys-color-text-primary); text-decoration: none; font-size: 15px; line-height: 1.65; } .luys-contact-card__item a:hover { color: var(--luys-color-oak-500); } .luys-contact-options { background: var(--luys-color-white); } .luys-contact-option-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; } .luys-contact-option { padding: 32px 28px; min-height: 260px; background: #ffffff; border: 1px solid rgba(26, 24, 22, 0.08); text-decoration: none; color: inherit; transition: transform 0.24s ease, box-shadow 0.24s ease, border-color 0.24s ease; } .luys-contact-option:hover { transform: translateY(-4px); border-color: rgba(163, 132, 94, 0.28); box-shadow: 0 22px 54px rgba(26, 24, 22, 0.08); } .luys-contact-option span { display: block; margin-bottom: 36px; font-family: "Cormorant Garamond", serif; font-size: 42px; line-height: 1; color: var(--luys-color-oak-500); } .luys-contact-option h3 { margin: 0 0 12px; font-size: 17px; line-height: 1.35; color: var(--luys-color-text-primary); } .luys-contact-option p { margin: 0; font-size: 14px; line-height: 1.7; color: var(--luys-color-text-secondary); } .luys-contact-request { padding: 24px 0 96px; background: var(--luys-color-white); } .luys-contact-request__grid { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: 72px; padding-top: 72px; border-top: 1px solid rgba(26, 24, 22, 0.08); } .luys-contact-request__content h2 { max-width: 560px; margin: 0; font-family: "Cormorant Garamond", serif; font-size: clamp(42px, 5vw, 72px); line-height: 0.96; font-weight: 400; letter-spacing: -0.035em; color: var(--luys-color-text-primary); } .luys-contact-request__content p { max-width: 560px; margin: 24px 0 0; font-size: 16px; line-height: 1.8; color: var(--luys-color-text-secondary); } .luys-contact-request__list { display: grid; gap: 14px; } .luys-contact-request__item { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 22px; padding: 24px 28px; background: var(--luys-color-pink-100); border: 1px solid rgba(26, 24, 22, 0.06); } .luys-contact-request__item span { font-family: "Cormorant Garamond", serif; font-size: 34px; line-height: 1; color: var(--luys-color-oak-500); } .luys-contact-request__item p { margin: 0; font-size: 15px; line-height: 1.7; color: var(--luys-color-text-primary); } .luys-contact-split { padding: 96px 0; background: var(--luys-color-pink-100); } .luys-contact-split__grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); gap: 72px; align-items: center; } .luys-contact-split__image { overflow: hidden; } .luys-contact-split__image img { display: block; width: 100%; aspect-ratio: 4 / 3.4; object-fit: cover; } .luys-contact-split__content h2 { max-width: 560px; margin: 0; font-family: "Cormorant Garamond", serif; font-size: clamp(42px, 5vw, 72px); line-height: 0.96; font-weight: 400; letter-spacing: -0.035em; color: var(--luys-color-text-primary); } .luys-contact-split__content p { max-width: 560px; margin: 24px 0 0; font-size: 16px; line-height: 1.8; color: var(--luys-color-text-secondary); } .luys-contact-split__content ul { margin: 30px 0 0; padding: 0; list-style: none; display: grid; gap: 14px; } .luys-contact-split__content li { position: relative; padding-left: 28px; font-size: 15px; color: var(--luys-color-text-primary); } .luys-contact-split__content li::before { content: ""; position: absolute; left: 0; top: 0.55em; width: 8px; height: 8px; border-radius: 999px; background: var(--luys-color-oak-500); } .luys-contact-split__content .luys-btn { margin-top: 34px; } .luys-contact-cta { padding: 104px 0; background: var(--luys-color-white); } .luys-contact-cta__inner { padding: 64px; text-align: center; background: var(--luys-color-pink-100); } .luys-contact-cta h2 { max-width: 760px; margin: 0 auto; font-family: "Cormorant Garamond", serif; font-size: clamp(42px, 5vw, 72px); line-height: 0.96; font-weight: 400; letter-spacing: -0.035em; color: var(--luys-color-text-primary); } .luys-contact-cta p { max-width: 560px; margin: 24px auto 0; font-size: 16px; line-height: 1.75; color: var(--luys-color-text-secondary); } .luys-contact-cta__actions { margin-top: 34px; display: flex; justify-content: center; gap: 14px; flex-wrap: wrap; } @media (max-width: 1024px) { .luys-contact-hero__grid, .luys-contact-request__grid, .luys-contact-split__grid { grid-template-columns: 1fr; gap: 48px; } .luys-contact-card { max-width: 560px; } .luys-contact-option-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .luys-contact-split__image img { aspect-ratio: 16 / 10; } } @media (max-width: 768px) { .luys-contact-hero { padding: 72px 0 56px; } .luys-contact-intro { font-size: 16px; line-height: 1.7; } .luys-contact-actions { display: grid; } .luys-contact-actions .luys-btn { width: 100%; justify-content: center; } .luys-contact-card { padding: 28px 24px; } .luys-contact-option-grid { grid-template-columns: 1fr; } .luys-contact-option { min-height: auto; } .luys-contact-request { padding: 8px 0 72px; } .luys-contact-request__grid { padding-top: 52px; gap: 34px; } .luys-contact-request__item { grid-template-columns: 44px minmax(0, 1fr); padding: 22px 22px; } .luys-contact-split { padding: 72px 0; } .luys-contact-cta { padding: 76px 0; } .luys-contact-cta__inner { padding: 42px 24px; } .luys-contact-cta__actions { display: grid; } .luys-contact-cta__actions .luys-btn { width: 100%; justify-content: center; } } .luys-page-slug-contact .luys-page-content, .luys-page-slug-cookieverklaring .luys-page-content, .luys-page-slug-garantie .luys-page-content, .luys-page-slug-levertijd .luys-page-content, .luys-page-slug-montage .luys-page-content, .luys-page-slug-over-luys .luys-page-content, .luys-page-slug-privacyverklaring .luys-page-content, .luys-page-slug-retourneren .luys-page-content, .luys-page-slug-terugbetaal-en-retourneringsbeleid .luys-page-content, .luys-page-slug-veelgestelde-vragen .luys-page-content { padding-top: clamp(76px, 9vw, 122px); padding-bottom: clamp(82px, 10vw, 138px); background: linear-gradient( 180deg, rgba(251, 247, 243, 0.72), rgba(255, 255, 255, 1) 34%, rgba(255, 255, 255, 1) ); } .luys-page-slug-contact .luys-page-content__inner, .luys-page-slug-cookieverklaring .luys-page-content__inner, .luys-page-slug-garantie .luys-page-content__inner, .luys-page-slug-levertijd .luys-page-content__inner, .luys-page-slug-montage .luys-page-content__inner, .luys-page-slug-over-luys .luys-page-content__inner, .luys-page-slug-privacyverklaring .luys-page-content__inner, .luys-page-slug-retourneren .luys-page-content__inner, .luys-page-slug-terugbetaal-en-retourneringsbeleid .luys-page-content__inner, .luys-page-slug-veelgestelde-vragen .luys-page-content__inner { width: min(100% - 48px, 920px); margin: 0 auto; } .luys-page-slug-contact .luys-page-content h1, .luys-page-slug-cookieverklaring .luys-page-content h1, .luys-page-slug-garantie .luys-page-content h1, .luys-page-slug-levertijd .luys-page-content h1, .luys-page-slug-montage .luys-page-content h1, .luys-page-slug-over-luys .luys-page-content h1, .luys-page-slug-privacyverklaring .luys-page-content h1, .luys-page-slug-retourneren .luys-page-content h1, .luys-page-slug-terugbetaal-en-retourneringsbeleid .luys-page-content h1, .luys-page-slug-veelgestelde-vragen .luys-page-content h1 { max-width: 720px; margin: 0 0 34px; color: var(--luys-color-text-primary); font-family: "Cormorant Garamond", serif; font-size: clamp(48px, 7vw, 82px); font-weight: 400; letter-spacing: -0.05em; line-height: 0.96; } .luys-page-slug-contact .luys-page-content h2, .luys-page-slug-cookieverklaring .luys-page-content h2, .luys-page-slug-garantie .luys-page-content h2, .luys-page-slug-levertijd .luys-page-content h2, .luys-page-slug-montage .luys-page-content h2, .luys-page-slug-over-luys .luys-page-content h2, .luys-page-slug-privacyverklaring .luys-page-content h2, .luys-page-slug-retourneren .luys-page-content h2, .luys-page-slug-terugbetaal-en-retourneringsbeleid .luys-page-content h2, .luys-page-slug-veelgestelde-vragen .luys-page-content h2 { margin: 48px 0 14px; color: var(--luys-color-text-primary); font-family: "Cormorant Garamond", serif; font-size: clamp(32px, 4vw, 46px); font-weight: 400; letter-spacing: -0.035em; line-height: 1.02; } .luys-page-slug-contact .luys-page-content h3, .luys-page-slug-cookieverklaring .luys-page-content h3, .luys-page-slug-garantie .luys-page-content h3, .luys-page-slug-levertijd .luys-page-content h3, .luys-page-slug-montage .luys-page-content h3, .luys-page-slug-over-luys .luys-page-content h3, .luys-page-slug-privacyverklaring .luys-page-content h3, .luys-page-slug-retourneren .luys-page-content h3, .luys-page-slug-terugbetaal-en-retourneringsbeleid .luys-page-content h3, .luys-page-slug-veelgestelde-vragen .luys-page-content h3 { margin: 30px 0 12px; color: var(--luys-color-oak-500); font-family: "DM Sans", sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 0.16em; line-height: 1.35; text-transform: uppercase; } .luys-page-slug-contact .luys-page-content p, .luys-page-slug-cookieverklaring .luys-page-content p, .luys-page-slug-garantie .luys-page-content p, .luys-page-slug-levertijd .luys-page-content p, .luys-page-slug-montage .luys-page-content p, .luys-page-slug-over-luys .luys-page-content p, .luys-page-slug-privacyverklaring .luys-page-content p, .luys-page-slug-retourneren .luys-page-content p, .luys-page-slug-terugbetaal-en-retourneringsbeleid .luys-page-content p, .luys-page-slug-veelgestelde-vragen .luys-page-content p, .luys-page-slug-contact .luys-page-content li, .luys-page-slug-cookieverklaring .luys-page-content li, .luys-page-slug-garantie .luys-page-content li, .luys-page-slug-levertijd .luys-page-content li, .luys-page-slug-montage .luys-page-content li, .luys-page-slug-over-luys .luys-page-content li, .luys-page-slug-privacyverklaring .luys-page-content li, .luys-page-slug-retourneren .luys-page-content li, .luys-page-slug-terugbetaal-en-retourneringsbeleid .luys-page-content li, .luys-page-slug-veelgestelde-vragen .luys-page-content li { max-width: 760px; color: var(--luys-color-text-secondary); font-size: 16px; line-height: 1.82; } .luys-page-slug-contact .luys-page-content a, .luys-page-slug-cookieverklaring .luys-page-content a, .luys-page-slug-garantie .luys-page-content a, .luys-page-slug-levertijd .luys-page-content a, .luys-page-slug-montage .luys-page-content a, .luys-page-slug-over-luys .luys-page-content a, .luys-page-slug-privacyverklaring .luys-page-content a, .luys-page-slug-retourneren .luys-page-content a, .luys-page-slug-terugbetaal-en-retourneringsbeleid .luys-page-content a, .luys-page-slug-veelgestelde-vragen .luys-page-content a { color: var(--luys-color-oak-500); text-decoration: underline; text-underline-offset: 4px; } .luys-page-slug-contact .luys-page-content ul, .luys-page-slug-cookieverklaring .luys-page-content ul, .luys-page-slug-garantie .luys-page-content ul, .luys-page-slug-levertijd .luys-page-content ul, .luys-page-slug-montage .luys-page-content ul, .luys-page-slug-over-luys .luys-page-content ul, .luys-page-slug-privacyverklaring .luys-page-content ul, .luys-page-slug-retourneren .luys-page-content ul, .luys-page-slug-terugbetaal-en-retourneringsbeleid .luys-page-content ul, .luys-page-slug-veelgestelde-vragen .luys-page-content ul { max-width: 760px; margin: 18px 0 26px; padding-left: 22px; } @media (max-width: 680px) { .luys-page-slug-contact .luys-page-content__inner, .luys-page-slug-cookieverklaring .luys-page-content__inner, .luys-page-slug-garantie .luys-page-content__inner, .luys-page-slug-levertijd .luys-page-content__inner, .luys-page-slug-montage .luys-page-content__inner, .luys-page-slug-over-luys .luys-page-content__inner, .luys-page-slug-privacyverklaring .luys-page-content__inner, .luys-page-slug-retourneren .luys-page-content__inner, .luys-page-slug-terugbetaal-en-retourneringsbeleid .luys-page-content__inner, .luys-page-slug-veelgestelde-vragen .luys-page-content__inner { width: min(100% - 36px, 920px); } } .luys-inspiration-page { background: var(--luys-color-white); } .luys-inspiration-hero { padding: 96px 0; background: linear-gradient( 135deg, rgba(232, 219, 205, 0.72), rgba(250, 247, 242, 0.98) ); border-bottom: 1px solid rgba(26, 24, 22, 0.06); } .luys-inspiration-hero__grid { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); gap: 72px; align-items: center; } .luys-inspiration-title { max-width: 760px; margin: 0; font-family: "Cormorant Garamond", serif; font-size: clamp(54px, 7vw, 92px); line-height: 0.94; font-weight: 400; letter-spacing: -0.04em; color: var(--luys-color-text-primary); } .luys-inspiration-intro { max-width: 580px; margin: 30px 0 0; font-size: 18px; line-height: 1.75; color: var(--luys-color-text-secondary); } .luys-inspiration-actions { margin-top: 36px; display: flex; gap: 14px; flex-wrap: wrap; } .luys-inspiration-actions .luys-btn--outline, .luys-inspiration-cta .luys-btn--outline { border-color: rgba(26, 24, 22, 0.18); color: var(--luys-color-text-primary); background: transparent; } .luys-inspiration-actions .luys-btn--outline:hover, .luys-inspiration-cta .luys-btn--outline:hover { border-color: var(--luys-color-oak-500); color: var(--luys-color-oak-500); } .luys-inspiration-hero__image { overflow: hidden; background: var(--luys-color-pink-100); } .luys-inspiration-hero__image img { display: block; width: 100%; aspect-ratio: 4 / 4.6; object-fit: cover; } .luys-inspiration-styles { background: var(--luys-color-white); } .luys-inspiration-style-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; } .luys-inspiration-style-card { display: block; overflow: hidden; background: #ffffff; border: 1px solid rgba(26, 24, 22, 0.08); color: inherit; text-decoration: none; transition: transform 0.24s ease, box-shadow 0.24s ease, border-color 0.24s ease; } .luys-inspiration-style-card:hover { transform: translateY(-4px); border-color: rgba(163, 132, 94, 0.28); box-shadow: 0 22px 54px rgba(26, 24, 22, 0.08); } .luys-inspiration-style-card img { display: block; width: 100%; aspect-ratio: 4 / 3.2; object-fit: cover; } .luys-inspiration-style-card div { padding: 28px; } .luys-inspiration-style-card span { display: block; margin-bottom: 12px; font-family: "Cormorant Garamond", serif; font-size: 32px; line-height: 1; letter-spacing: -0.02em; color: var(--luys-color-text-primary); } .luys-inspiration-style-card p { margin: 0; font-size: 14px; line-height: 1.7; color: var(--luys-color-text-secondary); } .luys-inspiration-guide { padding: 24px 0 96px; background: var(--luys-color-white); } .luys-inspiration-guide__grid { display: grid; grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr); gap: 72px; padding-top: 72px; border-top: 1px solid rgba(26, 24, 22, 0.08); } .luys-inspiration-guide h2 { max-width: 560px; margin: 0; font-family: "Cormorant Garamond", serif; font-size: clamp(42px, 5vw, 72px); line-height: 0.96; font-weight: 400; letter-spacing: -0.035em; color: var(--luys-color-text-primary); } .luys-inspiration-guide__items { display: grid; gap: 18px; } .luys-inspiration-guide__item { padding: 28px 32px; background: #ffffff; border: 1px solid rgba(26, 24, 22, 0.08); } .luys-inspiration-guide__item h3 { margin: 0 0 10px; font-size: 17px; color: var(--luys-color-text-primary); } .luys-inspiration-guide__item p { margin: 0; font-size: 15px; line-height: 1.75; color: var(--luys-color-text-secondary); } .luys-inspiration-split { padding: 96px 0; background: var(--luys-color-pink-100); } .luys-inspiration-split__grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); gap: 72px; align-items: center; } .luys-inspiration-split__image { overflow: hidden; } .luys-inspiration-split__image img { display: block; width: 100%; aspect-ratio: 4 / 3.4; object-fit: cover; } .luys-inspiration-split__content h2 { max-width: 560px; margin: 0; font-family: "Cormorant Garamond", serif; font-size: clamp(42px, 5vw, 72px); line-height: 0.96; font-weight: 400; letter-spacing: -0.035em; color: var(--luys-color-text-primary); } .luys-inspiration-split__content p { max-width: 560px; margin: 24px 0 0; font-size: 16px; line-height: 1.8; color: var(--luys-color-text-secondary); } .luys-inspiration-split__content ul { margin: 30px 0 0; padding: 0; list-style: none; display: grid; gap: 14px; } .luys-inspiration-split__content li { position: relative; padding-left: 28px; font-size: 15px; color: var(--luys-color-text-primary); } .luys-inspiration-split__content li::before { content: ""; position: absolute; left: 0; top: 0.55em; width: 8px; height: 8px; border-radius: 999px; background: var(--luys-color-oak-500); } .luys-inspiration-products { background: var(--luys-color-white); } .luys-inspiration-product-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; } .luys-inspiration-product { display: block; overflow: hidden; background: #ffffff; text-decoration: none; color: var(--luys-color-text-primary); border: 1px solid rgba(26, 24, 22, 0.07); transition: transform 0.24s ease, box-shadow 0.24s ease; } .luys-inspiration-product:hover { transform: translateY(-4px); box-shadow: 0 22px 54px rgba(26, 24, 22, 0.08); } .luys-inspiration-product img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; } .luys-inspiration-product span { display: block; padding: 22px 22px 24px; font-family: "Cormorant Garamond", serif; font-size: 28px; line-height: 1; letter-spacing: -0.02em; } .luys-inspiration-cta { padding: 0 0 104px; background: var(--luys-color-white); } .luys-inspiration-cta__inner { padding: 64px; text-align: center; background: var(--luys-color-pink-100); } .luys-inspiration-cta h2 { max-width: 760px; margin: 0 auto; font-family: "Cormorant Garamond", serif; font-size: clamp(42px, 5vw, 72px); line-height: 0.96; font-weight: 400; letter-spacing: -0.035em; color: var(--luys-color-text-primary); } .luys-inspiration-cta p { max-width: 560px; margin: 24px auto 0; font-size: 16px; line-height: 1.75; color: var(--luys-color-text-secondary); } .luys-inspiration-cta__actions { margin-top: 34px; display: flex; justify-content: center; gap: 14px; flex-wrap: wrap; } @media (max-width: 1024px) { .luys-inspiration-hero__grid, .luys-inspiration-guide__grid, .luys-inspiration-split__grid { grid-template-columns: 1fr; gap: 48px; } .luys-inspiration-style-grid { grid-template-columns: 1fr; } .luys-inspiration-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .luys-inspiration-hero__image img { aspect-ratio: 16 / 10; } } @media (max-width: 768px) { .luys-inspiration-hero { padding: 72px 0 56px; } .luys-inspiration-intro { font-size: 16px; line-height: 1.7; } .luys-inspiration-actions { display: grid; } .luys-inspiration-actions .luys-btn { width: 100%; justify-content: center; } .luys-inspiration-guide { padding: 8px 0 72px; } .luys-inspiration-guide__grid { padding-top: 52px; gap: 34px; } .luys-inspiration-guide__item { padding: 24px; } .luys-inspiration-split { padding: 72px 0; } .luys-inspiration-product-grid { grid-template-columns: 1fr; } .luys-inspiration-cta { padding: 0 0 76px; } .luys-inspiration-cta__inner { padding: 42px 24px; } .luys-inspiration-cta__actions { display: grid; } .luys-inspiration-cta__actions .luys-btn { width: 100%; justify-content: center; } } .luys-error-page { background: var(--luys-color-white); } .luys-error-hero { min-height: 620px; padding: 120px 0; display: flex; align-items: center; background: linear-gradient( 135deg, rgba(232, 219, 205, 0.78), rgba(250, 247, 242, 0.98) ); } .luys-error-title { max-width: 820px; margin: 0; font-family: "Cormorant Garamond", serif; font-size: clamp(56px, 7vw, 96px); line-height: 0.94; font-weight: 400; letter-spacing: -0.04em; color: var(--luys-color-text-primary); } .luys-error-text { max-width: 580px; margin: 30px 0 0; font-size: 18px; line-height: 1.75; color: var(--luys-color-text-secondary); } .luys-error-actions { margin-top: 38px; display: flex; gap: 14px; flex-wrap: wrap; } .luys-error-actions .luys-btn--outline { border-color: rgba(26, 24, 22, 0.18); color: var(--luys-color-text-primary); background: transparent; } .luys-error-actions .luys-btn--outline:hover { border-color: var(--luys-color-oak-500); color: var(--luys-color-oak-500); } @media (max-width: 768px) { .luys-error-hero { min-height: 560px; padding: 84px 0; } .luys-error-text { font-size: 16px; line-height: 1.7; } .luys-error-actions { display: grid; } .luys-error-actions .luys-btn { width: 100%; justify-content: center; } } .luys-search-page { background: var(--luys-color-white); } .luys-search-hero { padding: 96px 0; background: linear-gradient( 135deg, rgba(232, 219, 205, 0.72), rgba(250, 247, 242, 0.98) ); border-bottom: 1px solid rgba(26, 24, 22, 0.06); } .luys-search-title { max-width: 860px; margin: 0; font-family: "Cormorant Garamond", serif; font-size: clamp(54px, 7vw, 92px); line-height: 0.94; font-weight: 400; letter-spacing: -0.04em; color: var(--luys-color-text-primary); } .luys-search-intro { max-width: 620px; margin: 28px 0 0; font-size: 18px; line-height: 1.75; color: var(--luys-color-text-secondary); } .luys-search-form { max-width: 760px; margin-top: 36px; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; } .luys-search-form__input { width: 100%; min-height: 56px; padding: 0 20px; border: 1px solid rgba(26, 24, 22, 0.14); background: #ffffff; color: var(--luys-color-text-primary); font-family: "DM Sans", sans-serif; font-size: 15px; outline: none; } .luys-search-form__input:focus { border-color: var(--luys-color-oak-500); } .luys-search-content { background: var(--luys-color-white); } .luys-search-results { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; } .luys-search-result__link { display: block; min-height: 260px; padding: 30px 28px; background: #ffffff; border: 1px solid rgba(26, 24, 22, 0.08); text-decoration: none; color: inherit; transition: transform 0.24s ease, box-shadow 0.24s ease, border-color 0.24s ease; } .luys-search-result__link:hover { transform: translateY(-4px); border-color: rgba(163, 132, 94, 0.28); box-shadow: 0 22px 54px rgba(26, 24, 22, 0.08); } .luys-search-result__type { display: block; margin-bottom: 28px; font-size: 11px; font-weight: 600; letter-spacing: 0.13em; text-transform: uppercase; color: var(--luys-color-oak-500); } .luys-search-result h3 { margin: 0; font-size: 20px; line-height: 1.35; color: var(--luys-color-text-primary); } .luys-search-result p { margin: 14px 0 0; font-size: 14px; line-height: 1.7; color: var(--luys-color-text-secondary); } .luys-search-result__cta { display: inline-block; margin-top: 24px; font-size: 13px; color: var(--luys-color-oak-500); } .luys-search-empty { max-width: 760px; padding: 56px; background: var(--luys-color-pink-100); } .luys-search-empty h2 { margin: 0; font-family: "Cormorant Garamond", serif; font-size: clamp(42px, 5vw, 70px); line-height: 0.96; font-weight: 400; letter-spacing: -0.035em; color: var(--luys-color-text-primary); } .luys-search-empty p { max-width: 560px; margin: 24px 0 0; font-size: 16px; line-height: 1.75; color: var(--luys-color-text-secondary); } .luys-search-empty__actions { margin-top: 34px; display: flex; gap: 14px; flex-wrap: wrap; } .luys-search-empty .luys-btn--outline { border-color: rgba(26, 24, 22, 0.18); color: var(--luys-color-text-primary); background: transparent; } .luys-search-empty .luys-btn--outline:hover { border-color: var(--luys-color-oak-500); color: var(--luys-color-oak-500); } .luys-search-suggestion-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; } .luys-search-suggestion-grid a { padding: 24px 22px; background: var(--luys-color-pink-100); border: 1px solid rgba(26, 24, 22, 0.06); color: var(--luys-color-text-primary); text-decoration: none; font-size: 15px; transition: transform 0.24s ease, border-color 0.24s ease, color 0.24s ease; } .luys-search-suggestion-grid a:hover { transform: translateY(-3px); border-color: rgba(163, 132, 94, 0.28); color: var(--luys-color-oak-500); } @media (max-width: 1024px) { .luys-search-results { grid-template-columns: repeat(2, minmax(0, 1fr)); } .luys-search-suggestion-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 768px) { .luys-search-hero { padding: 72px 0 56px; } .luys-search-intro { font-size: 16px; line-height: 1.7; } .luys-search-form { grid-template-columns: 1fr; } .luys-search-form .luys-btn { width: 100%; justify-content: center; } .luys-search-results { grid-template-columns: 1fr; } .luys-search-empty { padding: 38px 24px; } .luys-search-empty__actions { display: grid; } .luys-search-empty__actions .luys-btn { width: 100%; justify-content: center; } .luys-search-suggestion-grid { grid-template-columns: 1fr; } } .luys-product-configurator { margin: 26px 0 22px; padding: 26px; border: 1px solid rgba(125, 101, 76, 0.18); background: linear-gradient(180deg, rgba(251, 247, 243, 0.72), rgba(255, 255, 255, 0.98)); } .luys-product-configurator__header { margin-bottom: 22px; } .luys-product-configurator__eyebrow { margin: 0 0 8px; color: var(--luys-color-oak-500); font-size: 10px; font-weight: 800; letter-spacing: 0.16em; text-transform: uppercase; } .luys-product-configurator h2 { margin: 0; color: var(--luys-color-text-primary); font-family: "Cormorant Garamond", serif; font-size: clamp(32px, 3.2vw, 44px); font-weight: 400; letter-spacing: -0.04em; line-height: 1; } .luys-product-configurator__intro { max-width: 620px; margin: 10px 0 0; color: var(--luys-color-text-secondary); font-size: 14px; line-height: 1.65; } .luys-configurator-fieldset { margin: 0 0 22px; padding: 0; border: 0; } .luys-configurator-fieldset legend, .luys-configurator-label { margin: 0 0 10px; display: block; color: var(--luys-color-text-primary); font-size: 12px; font-weight: 800; letter-spacing: 0.08em; line-height: 1.25; text-transform: uppercase; } .luys-configurator-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } .luys-configurator-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .luys-configurator-input, .luys-configurator-select, .luys-configurator-textarea { width: 100%; min-height: 48px; padding: 13px 14px; border: 1px solid rgba(26, 24, 22, 0.14); border-radius: 0; background: #fff; color: var(--luys-color-text-primary); font: inherit; font-size: 14px; } .luys-configurator-input:focus, .luys-configurator-select:focus, .luys-configurator-textarea:focus { border-color: rgba(125, 101, 76, 0.52); outline: 0; box-shadow: 0 0 0 3px rgba(125, 101, 76, 0.1); } .luys-configurator-help { margin: 7px 0 0; color: var(--luys-color-text-secondary); font-size: 12px; line-height: 1.45; } .luys-configurator-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .luys-configurator-options--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .luys-configurator-card, .luys-configurator-swatch { position: relative; display: block; cursor: pointer; } .luys-configurator-card input, .luys-configurator-swatch input { position: absolute; opacity: 0; pointer-events: none; } .luys-configurator-card__inner { min-height: 92px; padding: 15px 12px; display: grid; place-items: center; gap: 8px; border: 1px solid rgba(26, 24, 22, 0.12); background: #fff; color: var(--luys-color-text-primary); text-align: center; transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease; } .luys-configurator-card input:checked + .luys-configurator-card__inner, .luys-configurator-swatch input:checked + .luys-configurator-swatch__inner { border-color: var(--luys-color-oak-500); box-shadow: 0 0 0 2px rgba(125, 101, 76, 0.18); } .luys-configurator-card__icon { width: 48px; height: 32px; display: block; border: 1px solid rgba(26, 24, 22, 0.16); background: repeating-linear-gradient(180deg, rgba(26, 24, 22, 0.72) 0 4px, transparent 4px 9px), linear-gradient(90deg, transparent 46%, rgba(125, 101, 76, 0.62) 46% 54%, transparent 54%); } .luys-configurator-card__label, .luys-configurator-swatch__label { font-size: 12px; font-weight: 700; line-height: 1.3; } .luys-configurator-swatches { display: flex; flex-wrap: wrap; gap: 10px; } .luys-configurator-swatch__inner { min-width: 74px; padding: 8px; display: grid; justify-items: center; gap: 7px; border: 1px solid transparent; background: #fff; } .luys-configurator-swatch__dot { width: 34px; height: 34px; border: 1px solid rgba(26, 24, 22, 0.16); border-radius: 999px; box-shadow: inset 0 0 0 3px #fff; } .luys-configurator-note { margin: 4px 0 0; padding: 13px 14px; border-left: 2px solid var(--luys-color-oak-500); background: rgba(251, 247, 243, 0.9); color: var(--luys-color-text-secondary); font-size: 12px; line-height: 1.55; } @media (max-width: 720px) { .luys-product-configurator { padding: 22px 18px; } .luys-configurator-grid, .luys-configurator-grid--3, .luys-configurator-options, .luys-configurator-options--4 { grid-template-columns: 1fr; } } .luys-product-configurator { box-sizing: border-box; width: 100%; max-width: 100%; } .luys-product-configurator *, .luys-product-configurator *::before, .luys-product-configurator *::after { box-sizing: border-box; } .luys-product-configurator__header { max-width: 100%; } .luys-product-configurator h2 { max-width: 520px; } .luys-configurator-options { grid-template-columns: repeat(2, minmax(0, 1fr)); } .luys-configurator-options--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .luys-configurator-card__inner { min-height: 84px; padding: 13px 10px; } .luys-configurator-card__icon { width: 44px; height: 30px; } .luys-configurator-swatches { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; } .luys-configurator-swatch__inner { min-width: 0; width: 100%; min-height: 82px; align-content: center; } .luys-configurator-swatch__label, .luys-configurator-card__label { overflow-wrap: anywhere; } @media (min-width: 1181px) { .luys-single-product-summary .luys-configurator-options--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media (max-width: 520px) { .luys-configurator-swatches, .luys-configurator-options, .luys-configurator-options--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .luys-product-configurator { padding: 22px; background: linear-gradient(180deg, rgba(251, 247, 243, 0.64), rgba(255, 255, 255, 0.98)); } .luys-product-configurator__header { margin-bottom: 18px; } .luys-product-configurator h2 { font-size: clamp(30px, 3vw, 40px); } .luys-product-configurator__intro { font-size: 13px; line-height: 1.58; } .luys-configurator-fieldset { margin-bottom: 18px; } .luys-configurator-grid { gap: 12px; } .luys-configurator-options { gap: 10px; } .luys-configurator-options--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .luys-configurator-input, .luys-configurator-select, .luys-configurator-textarea { min-height: 46px; padding: 12px 13px; font-size: 13px; } .luys-configurator-card__inner { min-height: 82px; padding: 12px 9px; gap: 7px; } .luys-configurator-card__icon { width: 44px; height: 28px; } .luys-configurator-card__label, .luys-configurator-swatch__label { font-size: 11px; } .luys-configurator-swatches { gap: 8px; } .luys-configurator-swatch__inner { min-width: 68px; padding: 7px; } .luys-configurator-swatch__dot { width: 30px; height: 30px; } @media (max-width: 1180px) and (min-width: 981px) { .luys-configurator-options--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 720px) { .luys-product-configurator { padding: 20px 16px; } .luys-configurator-options--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .luys-configurator-start { display: grid; gap: 16px; margin-bottom: 18px; } .luys-configurator-fieldset--unit { margin-bottom: 0; } .luys-configurator-options--unit { display: flex; flex-wrap: wrap; gap: 8px; } .luys-configurator-options--unit .luys-configurator-card { flex: 0 0 auto; } .luys-configurator-options--unit .luys-configurator-card__inner { min-width: 104px; min-height: 42px; padding: 9px 14px; } .luys-configurator-options--unit .luys-configurator-card__label { font-size: 10px; letter-spacing: 0.04em; } .luys-configurator-grid--measurements { margin-top: 2px; } .luys-configurator-reveal { width: fit-content; min-height: 46px; padding: 0 24px; border: 1px solid #1a1816; background: #1a1816; color: #fff; font-size: 11px; font-weight: 800; letter-spacing: 0.12em; line-height: 1; text-transform: uppercase; cursor: pointer; transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease; } .luys-configurator-reveal:hover { border-color: var(--luys-color-oak-500); background: var(--luys-color-oak-500); transform: translateY(-1px); } .luys-product-configurator.is-configurator-open .luys-configurator-reveal { border-color: rgba(125, 101, 76, 0.25); background: rgba(251, 247, 243, 0.95); color: var(--luys-color-oak-500); } .luys-product-configurator__details[hidden] { display: none !important; } .luys-product-configurator__details { padding-top: 6px; animation: luysConfiguratorReveal 0.22s ease both; } @keyframes luysConfiguratorReveal { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } } @media (max-width: 520px) { .luys-configurator-options--unit { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); } .luys-configurator-options--unit .luys-configurator-card__inner, .luys-configurator-reveal { width: 100%; } } .luys-product-configurator, .luys-product-configurator * { text-align: left; } .luys-configurator-options--unit .luys-configurator-card__inner { min-width: 96px; min-height: 40px; padding: 8px 12px; } .luys-configurator-grid--measurements p, .luys-product-configurator p { margin-top: 0; } .luys-product-configurator__details { margin-top: 14px; } .luys-configurator-reveal { justify-self: start; } @media (max-width: 768px) { .luys-product-configurator { margin-top: 22px; padding: 20px 16px; } .luys-product-configurator h2 { font-size: clamp(32px, 10vw, 42px); line-height: 0.98; } .luys-configurator-grid, .luys-configurator-grid--measurements, .luys-configurator-grid--3 { grid-template-columns: 1fr; } .luys-configurator-options--unit { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); } .luys-configurator-options--unit .luys-configurator-card__inner, .luys-configurator-reveal { width: 100%; } .luys-configurator-reveal { min-height: 50px; } } @media (max-width: 520px) { .luys-configurator-swatches, .luys-configurator-options, .luys-configurator-options--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .luys-configurator-card__inner { min-height: 76px; } } .luys-product-configurator h2 { font-size: clamp(27px, 2.45vw, 34px); line-height: 1.03; } @media (max-width: 768px) { .luys-product-configurator h2 { font-size: clamp(28px, 8.2vw, 36px); line-height: 1.02; } } @media (max-width: 520px) { .luys-product-configurator h2 { font-size: clamp(27px, 7.8vw, 34px); } } .luys-configurator-grid--measurements { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .luys-configurator-reveal { width: 100%; min-height: 58px; display: grid; justify-items: center; align-content: center; gap: 5px; padding: 12px 22px; text-align: center; } .luys-configurator-reveal__label, .luys-configurator-reveal__meta { display: block; } .luys-configurator-reveal__label { font-size: 11px; font-weight: 800; letter-spacing: 0.12em; line-height: 1.1; text-transform: uppercase; } .luys-configurator-reveal__meta { max-width: 260px; font-size: 11px; font-weight: 500; letter-spacing: 0.01em; line-height: 1.35; text-transform: none; opacity: 0.82; } @media (max-width: 520px) { .luys-configurator-grid--measurements { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .luys-configurator-grid--measurements .luys-configurator-label { font-size: 11px; } .luys-configurator-grid--measurements .luys-configurator-input { min-height: 46px; padding-right: 10px; padding-left: 10px; } .luys-configurator-reveal { width: 100%; } } @media (max-width: 380px) { .luys-configurator-grid--measurements { gap: 8px; } .luys-configurator-grid--measurements .luys-configurator-input { font-size: 13px; } } .luys-home-usp--mobile, .luys-usp-bar__intro { display: none; } @media (max-width: 900px) { .luys-home-usp--desktop { display: none; } .luys-home-usp--mobile { display: block; } .luys-home-usp--mobile .luys-usp-bar { padding: 72px 0 76px; background: linear-gradient( 180deg, rgba(250, 247, 242, 0.72), rgba(255, 255, 255, 1) ); } .luys-home-usp--mobile .luys-usp-bar__intro { width: min(100% - 44px, 680px); margin: 0 auto 28px; display: block; text-align: left; } .luys-home-usp--mobile .luys-usp-bar__intro h2 { max-width: 520px; margin: 0; color: var(--luys-color-text-primary); font-family: "Cormorant Garamond", serif; font-size: clamp(36px, 10vw, 52px); font-weight: 400; letter-spacing: -0.035em; line-height: 0.98; } .luys-home-usp--mobile .luys-usp-bar__inner { width: min(100% - 44px, 680px); margin: 0 auto; padding: 0; display: grid; grid-template-columns: 1fr; gap: 12px; } .luys-home-usp--mobile .luys-usp { min-height: 96px; padding: 22px 20px; display: grid; grid-template-columns: 44px 1fr; gap: 16px; align-items: center; border: 1px solid rgba(26, 24, 22, 0.07); background: #ffffff; box-shadow: 0 16px 36px rgba(26, 24, 22, 0.035); } .luys-home-usp--mobile .luys-usp__icon { width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; background: var(--luys-color-pink-100); } .luys-home-usp--mobile .luys-usp__icon img { max-width: 22px; max-height: 22px; } .luys-home-usp--mobile .luys-usp strong { display: block; margin: 0 0 4px; color: var(--luys-color-text-primary); font-size: 15px; font-weight: 600; line-height: 1.35; } .luys-home-usp--mobile .luys-usp span:not(.luys-usp__icon) { color: var(--luys-color-text-secondary); font-size: 13px; line-height: 1.55; } } @media (max-width: 480px) { .luys-home-usp--mobile .luys-usp-bar { padding: 62px 0 66px; } .luys-home-usp--mobile .luys-usp-bar__intro, .luys-home-usp--mobile .luys-usp-bar__inner { width: min(100% - 36px, 680px); } } .luys-floating-chat,.luys-floating-chat *{box-sizing:border-box}.luys-floating-chat{position:fixed;right:clamp(18px,2.2vw,34px);bottom:clamp(18px,2.2vw,34px);z-index:9998;display:grid;justify-items:end;gap:12px;pointer-events:none}.luys-floating-chat__button{min-width:112px;height:50px;padding:0 18px 0 15px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid rgba(125,101,76,.22);border-radius:999px;background:rgba(255,255,255,.94);color:var(--luys-color-text-primary);box-shadow:0 18px 48px rgba(26,24,22,.12);cursor:pointer;pointer-events:auto;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.luys-floating-chat__button:hover,.luys-floating-chat__button:focus-visible{transform:translateY(-2px);border-color:rgba(125,101,76,.44);background:#fff;box-shadow:0 22px 56px rgba(26,24,22,.16);outline:0}.luys-floating-chat__icon{width:26px;height:26px;display:grid;place-items:center;border-radius:999px;background:var(--luys-color-pink-100);color:var(--luys-color-oak-500);flex:0 0 auto}.luys-floating-chat__icon svg{width:17px;height:17px;display:block;fill:currentColor}.luys-floating-chat__label{color:inherit;font-size:11px;font-weight:800;letter-spacing:.12em;line-height:1;text-transform:uppercase}.luys-floating-chat__panel{width:min(360px,calc(100vw - 36px));opacity:0;transform:translateY(10px) scale(.98);transform-origin:right bottom;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s ease}.luys-floating-chat.is-open .luys-floating-chat__panel{opacity:1;transform:translateY(0) scale(1);visibility:visible;pointer-events:auto}.luys-floating-chat__panel-inner{position:relative;padding:30px 30px 28px;border:1px solid rgba(26,24,22,.08);background:rgba(255,255,255,.98);box-shadow:0 26px 70px rgba(26,24,22,.16);pointer-events:auto}.luys-floating-chat__close{position:absolute;top:12px;right:14px;width:32px;height:32px;border:0;border-radius:999px;background:transparent;color:var(--luys-color-text-secondary);font-size:24px;line-height:1;cursor:pointer}.luys-floating-chat__close:hover,.luys-floating-chat__close:focus-visible{color:var(--luys-color-text-primary);outline:0}.luys-floating-chat__eyebrow{margin:0 0 10px;color:var(--luys-color-oak-500);font-size:11px;font-weight:800;letter-spacing:.15em;line-height:1.4;text-transform:uppercase}.luys-floating-chat__panel h2{margin:0;color:var(--luys-color-text-primary);font-family:"Cormorant Garamond",serif;font-size:clamp(30px,3vw,40px);font-weight:400;letter-spacing:-.04em;line-height:1.02}.luys-floating-chat__panel p{margin:14px 0 0;color:var(--luys-color-text-secondary);font-size:14px;line-height:1.72}.luys-floating-chat__actions{margin-top:22px;display:grid;gap:10px}.luys-floating-chat__primary,.luys-floating-chat__secondary{min-height:44px;padding:13px 18px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.10em;line-height:1;text-align:center;text-decoration:none;text-transform:uppercase}.luys-floating-chat__primary{border:1px solid #000;background:#000;color:#fff}.luys-floating-chat__secondary{border:1px solid rgba(125,101,76,.26);background:var(--luys-color-pink-100);color:var(--luys-color-text-primary)}.luys-floating-chat__note{margin-top:14px!important;color:var(--luys-color-text-secondary)!important;font-size:12px!important;font-style:italic;text-align:center}@media (max-width:700px){.luys-floating-chat{right:16px;bottom:16px}.luys-floating-chat__button{min-width:52px;width:52px;height:52px;padding:0}.luys-floating-chat__label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.luys-floating-chat__icon{width:30px;height:30px}.luys-floating-chat__panel{width:min(340px,calc(100vw - 32px))}.luys-floating-chat__panel-inner{padding:28px 22px 24px}} .luys-floating-chat__messages{height:230px;margin:20px 0 14px;padding:14px;display:grid;align-content:start;gap:10px;overflow-y:auto;border:1px solid rgba(26,24,22,.08);background:rgba(251,247,243,.62)}.luys-floating-chat__message{max-width:88%;padding:10px 12px;border-radius:16px;color:var(--luys-color-text-primary);font-size:13px;line-height:1.55;white-space:pre-wrap}.luys-floating-chat__message--assistant{justify-self:start;border-bottom-left-radius:4px;background:#fff;border:1px solid rgba(26,24,22,.08)}.luys-floating-chat__message--user{justify-self:end;border-bottom-right-radius:4px;background:#000;color:#fff}.luys-floating-chat__form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}.luys-floating-chat__input{width:100%;min-height:46px;max-height:110px;padding:12px 13px;resize:vertical;border:1px solid rgba(26,24,22,.14);border-radius:18px;background:#fff;color:var(--luys-color-text-primary);font:inherit;font-size:13px;line-height:1.45}.luys-floating-chat__input:focus{border-color:rgba(125,101,76,.45);outline:0;box-shadow:0 0 0 3px rgba(125,101,76,.10)}.luys-floating-chat__send{min-height:46px;padding:0 16px;border:1px solid #000;border-radius:999px;background:#000;color:#fff;cursor:pointer;font-size:10px;font-weight:800;letter-spacing:.10em;text-transform:uppercase}.luys-floating-chat__send:disabled{opacity:.45;cursor:wait}.luys-floating-chat__status{margin:10px 0 0!important;color:var(--luys-color-oak-500)!important;font-size:12px!important;font-style:italic}.luys-floating-chat__privacy-note{margin:10px 0 0!important;color:var(--luys-color-text-secondary)!important;font-size:11px!important;line-height:1.45!important}@media (max-width:700px){.luys-floating-chat__messages{height:min(260px,42vh)}.luys-floating-chat__form{grid-template-columns:1fr}.luys-floating-chat__send{width:100%}} .luys-floating-chat__turnstile { grid-column: 1 / -1; width: 100%; min-height: 65px; margin-top: 2px; display: flex; justify-content: center; overflow: hidden; } .luys-floating-chat__turnstile .cf-turnstile { width: 100%; } @media (max-width: 700px) { .luys-floating-chat__turnstile { min-height: 70px; } } .luys-floating-chat { top: auto; left: auto; display: block; padding-bottom: env(safe-area-inset-bottom, 0px); } .luys-floating-chat__panel { position: absolute; right: 0; bottom: calc(100% + 12px); } .luys-floating-chat__panel-inner { max-height: calc(100vh - 120px); overflow-y: auto; -webkit-overflow-scrolling: touch; } @supports (height: 100dvh) { .luys-floating-chat__panel-inner { max-height: calc(100dvh - 120px); } } @media (max-width: 700px) { .luys-floating-chat { top: auto !important; left: auto !important; right: max(14px, env(safe-area-inset-right, 0px)); bottom: calc(14px + env(safe-area-inset-bottom, 0px)); z-index: 9998; } .luys-floating-chat__button { position: relative; z-index: 2; } .luys-floating-chat__panel { right: 0; bottom: calc(100% + 10px); width: min(340px, calc(100vw - 28px)); max-width: calc(100vw - 28px); } .luys-floating-chat__panel-inner { max-height: calc(100vh - 92px - env(safe-area-inset-bottom, 0px)); overflow-y: auto; overscroll-behavior: contain; } .luys-floating-chat__messages { height: min(220px, 34vh); } } @supports (height: 100dvh) { @media (max-width: 700px) { .luys-floating-chat__panel-inner { max-height: calc(100dvh - 92px - env(safe-area-inset-bottom, 0px)); } } } @media (max-width: 700px) { .luys-why, .luys-home-woonstijlen, .luys-featured-products, .luys-meetservice, .luys-reviews, .luys-newsletter { content-visibility: auto; contain-intrinsic-size: auto 760px; } .luys-category-card picture, .luys-category-card img, .luys-product-card picture, .luys-product-card img, .luys-inspiration-card picture, .luys-inspiration-card img { display: block; width: 100%; height: 100%; } .luys-category-card img, .luys-product-card img, .luys-inspiration-card img { object-fit: cover; } } #cmplz-manage-consent[hidden] { display: none !important; } .luys-collection-filter-toggle { display: none; } .luys-meetservice-request { background: var(--luys-color-pink-100); } .luys-meetservice-request__grid, .luys-samples-order__grid { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 72px; align-items: start; } .luys-meetservice-request__intro h2, .luys-samples-order__intro h2 { margin: 0 0 20px; font-family: "Cormorant Garamond", serif; font-size: clamp(42px, 4.4vw, 66px); font-weight: 400; letter-spacing: -.035em; line-height: .98; } .luys-meetservice-request__intro p, .luys-samples-order__intro p, .luys-meetservice-request__intro li, .luys-samples-order__intro li { color: var(--luys-color-text-secondary); font-size: 15px; line-height: 1.75; } .luys-meetservice-request__intro ul, .luys-samples-order__intro ul { margin: 24px 0 0; padding-left: 20px; } .luys-meetservice-request__form-wrap, .luys-samples-order__form-wrap { padding: 34px; border: 1px solid rgba(26, 24, 22, .10); background: #fff; } .luys-meetservice-form__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } .luys-meetservice-form p, .luys-samples-order-form p { margin: 0 0 16px; } .luys-meetservice-form label, .luys-samples-order-form label { display: grid; gap: 8px; color: var(--luys-color-text-primary); font-size: 12px; font-weight: 600; letter-spacing: .04em; } .luys-meetservice-form input, .luys-meetservice-form textarea, .luys-samples-order-form input, .luys-samples-order-form select, .luys-samples-order-form textarea { width: 100%; min-height: 48px; padding: 12px 14px; border: 1px solid rgba(26,24,22,.15); border-radius: 0; background: #fff; color: var(--luys-color-text-primary); font: inherit; font-weight: 400; letter-spacing: 0; } .luys-meetservice-form textarea, .luys-samples-order-form textarea { min-height: 104px; resize: vertical; } .luys-meetservice-consent { grid-template-columns: auto 1fr !important; align-items: start; gap: 10px !important; margin: 2px 0 20px; font-weight: 400 !important; letter-spacing: 0 !important; line-height: 1.5; } .luys-meetservice-consent input { width: 18px; min-height: 18px; margin-top: 2px; } .luys-honeypot { position: absolute !important; left: -9999px !important; } .luys-form-notice { margin-bottom: 18px; padding: 14px 16px; font-size: 14px; line-height: 1.55; } .luys-form-notice.is-success { background: #edf7ef; color: #245c32; } .luys-form-notice.is-error { background: #fff1ef; color: #8b2e24; } .luys-meetservice-faq-item summary { cursor: pointer; list-style: none; font-family: "Cormorant Garamond", serif; font-size: 28px; line-height: 1.1; } .luys-meetservice-faq-item summary::-webkit-details-marker { display: none; } .luys-meetservice-faq-item summary::after { content: "+"; float: right; font-family: "DM Sans", sans-serif; font-size: 18px; } .luys-meetservice-faq-item[open] summary::after { content: "–"; } .luys-samples-order { background: var(--luys-color-pink-100); } .luys-samples-order-form .luys-btn { width: 100%; justify-content: center; } .luys-back-to-top { display: none; } @media (max-width: 768px) { .luys-hero { min-height: 430px !important; padding: 42px 0 36px !important; } .luys-hero__text { padding-inline: 20px !important; } .luys-hero__title { font-size: clamp(39px, 12vw, 50px) !important; margin-bottom: 14px !important; } .luys-hero__subtitle { margin-bottom: 20px !important; font-size: 14px !important; line-height: 1.5 !important; } .luys-hero__actions { gap: 9px !important; max-width: 300px !important; } .luys-hero .luys-btn { min-height: 44px !important; } .luys-page-hero, .luys-collection-hero, .luys-meetservice-page-hero, .luys-samples-hero, .luys-about-hero, .luys-productgroup-hero, .luys-inspiration-hero, .luys-product-category-hero, .luys-woonstijlen-hero, .luys-woonstijl-hero, .luys-contact-hero, .luys-search-hero, .luys-error-hero { min-height: 0 !important; padding-top: 44px !important; padding-bottom: 44px !important; } .luys-collection-hero h1, .luys-meetservice-page-title, .luys-samples-title, .luys-about-hero h1, .luys-productgroup-hero h1, .luys-inspiration-hero h1, .luys-contact-hero h1, .luys-page-hero h1 { font-size: clamp(38px, 11vw, 52px) !important; line-height: .98 !important; } .luys-collection-hero p, .luys-meetservice-page-intro, .luys-samples-intro { margin-top: 16px !important; font-size: 14px !important; line-height: 1.55 !important; } .luys-meetservice-page-hero__image, .luys-samples-hero__image, .luys-about-hero__image, .luys-productgroup-hero__image, .luys-inspiration-hero__image, .luys-contact-hero__image { max-height: 250px !important; overflow: hidden; } .luys-meetservice-page-hero__image img, .luys-samples-hero__image img, .luys-about-hero__image img, .luys-productgroup-hero__image img, .luys-inspiration-hero__image img, .luys-contact-hero__image img { width: 100%; height: 250px !important; object-fit: cover; } .luys-home-usp .luys-usp-bar__intro { display: none !important; } .luys-home-usp .luys-usp-bar__inner { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 0 !important; padding: 8px 14px !important; } .luys-home-usp .luys-usp { min-height: 74px; padding: 10px 8px; gap: 8px !important; align-items: center; border-bottom: 1px solid rgba(26,24,22,.07); } .luys-home-usp .luys-usp:nth-child(odd) { border-right: 1px solid rgba(26,24,22,.07); } .luys-home-usp .luys-usp:nth-child(n+3) { border-bottom: 0; } .luys-home-usp .luys-usp__icon, .luys-home-usp .luys-usp__icon img { width: 30px !important; height: 30px !important; flex-basis: 30px !important; } .luys-home-usp .luys-usp strong { margin-bottom: 2px !important; font-size: 11.5px !important; line-height: 1.2 !important; } .luys-home-usp .luys-usp span:not(.luys-usp__icon) { font-size: 10.5px !important; line-height: 1.3 !important; } .luys-home-woonstijlen .luys-inspiration-grid, .luys-home-woonstijlen .luys-inspiration-grid--woonstijlen { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 12px !important; } .luys-home-woonstijlen .luys-inspiration-card, .luys-home-woonstijlen .luys-inspiration-card--large { min-height: 142px !important; } .luys-home-woonstijlen .luys-inspiration-card__content { left: 12px !important; right: 12px !important; bottom: 12px !important; } .luys-home-woonstijlen .luys-inspiration-card__content span { margin: 0 !important; font-size: 15px !important; line-height: 1.05 !important; } .luys-home-woonstijlen .luys-inspiration-card__content p, .luys-home-woonstijlen .luys-inspiration-card__content small { display: none !important; } .luys-section { padding-top: 52px !important; padding-bottom: 52px !important; } .luys-section-header { margin-bottom: 22px !important; } .luys-section-title { font-size: clamp(31px, 9vw, 41px) !important; } .luys-collection-products { padding: 52px 0 68px !important; } .luys-collection-products__header { margin-bottom: 18px !important; } .luys-collection-products__header .luys-section-eyebrow { margin-bottom: 5px; } .luys-collection-products h2 { font-size: 39px !important; } .luys-collection-filter-toggle { position: sticky; top: 8px; z-index: 20; width: 100%; min-height: 46px; margin: 0 0 14px; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(26,24,22,.15); background: rgba(253,252,251,.94); backdrop-filter: blur(12px); color: var(--luys-color-text-primary); font: 600 11px/1 "DM Sans", sans-serif; letter-spacing: .11em; text-transform: uppercase; } .luys-collection-filter { display: none !important; margin-bottom: 16px !important; padding: 16px !important; grid-template-columns: 1fr 1fr !important; gap: 12px !important; } .luys-collection-filter.is-open { display: grid !important; } .luys-collection-filter__field:first-child, .luys-collection-filter__actions { grid-column: 1 / -1; } .luys-collection-filter__actions { justify-content: space-between; } body.single-product .luys-single-product-hero { padding-top: 22px !important; padding-bottom: 36px !important; } body.single-product .luys-product-breadcrumbs { margin-bottom: 14px !important; overflow-x: auto; white-space: nowrap; scrollbar-width: none; } body.single-product .luys-product-breadcrumbs::-webkit-scrollbar { display: none; } body.single-product .luys-single-product-hero__grid { gap: 20px !important; } body.single-product .luys-single-product-title { font-size: clamp(28px, 8vw, 36px) !important; line-height: 1 !important; } body.single-product .luys-single-product-price { margin-top: 8px !important; font-size: 20px !important; } body.single-product .luys-single-product-short { margin-top: 10px !important; } body.single-product .luys-single-product-short, body.single-product .luys-single-product-short p { font-size: 13.5px !important; line-height: 1.5 !important; } body.single-product .luys-single-product-highlights { display: none !important; } body.single-product .luys-single-product-cart { margin-top: 16px !important; } body.single-product .luys-single-product-gallery__image { aspect-ratio: 1 / .82; } body.single-product .luys-single-product-gallery__image img { height: 100%; object-fit: cover; } .luys-meetservice-step-grid { grid-template-columns: 1fr !important; gap: 10px !important; } .luys-meetservice-step { padding: 18px !important; } .luys-meetservice-step p { margin-bottom: 0 !important; } .luys-meetservice-request__grid, .luys-samples-order__grid { grid-template-columns: 1fr !important; gap: 24px !important; } .luys-meetservice-request__intro h2, .luys-samples-order__intro h2 { font-size: 38px !important; } .luys-meetservice-request__form-wrap, .luys-samples-order__form-wrap { padding: 18px !important; } .luys-meetservice-form__grid { grid-template-columns: 1fr !important; gap: 0 !important; } .luys-meetservice-faq-item { padding: 18px 0 !important; } .luys-meetservice-faq-item summary { font-size: 23px !important; } .luys-samples-step-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; } .luys-samples-step { padding: 16px !important; min-height: 0 !important; } .luys-samples-step > span { font-size: 10px !important; } .luys-samples-step h3 { margin: 8px 0 6px !important; font-size: 20px !important; line-height: 1.05 !important; } .luys-samples-step p { margin: 0 !important; font-size: 11.5px !important; line-height: 1.45 !important; } .luys-samples-split__grid { gap: 24px !important; } .luys-footer__inner { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 24px 18px !important; padding: 34px 20px 26px !important; } .luys-footer__brand { grid-column: 1 / -1 !important; } .luys-footer__logo { margin-bottom: 10px !important; } .luys-footer__logo img { width: 150px !important; } .luys-footer__brand p { max-width: 320px; font-size: 12px !important; line-height: 1.55 !important; } .luys-footer__column h3 { margin-bottom: 11px !important; font-size: 10.5px !important; } .luys-footer__column a { margin-bottom: 8px !important; font-size: 12px !important; line-height: 1.35 !important; } .luys-footer__bottom { padding: 16px 20px 20px !important; gap: 8px !important; font-size: 10.5px !important; } .luys-footer__bottom a { margin: 0 12px 5px 0 !important; } .luys-back-to-top { position: fixed; left: 14px; bottom: 14px; z-index: 80; width: 52px; height: 52px; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(125,101,76,.34); border-radius: 999px; background: rgba(253,252,251,.76); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); color: var(--luys-color-text-primary); box-shadow: 0 10px 28px rgba(26,24,22,.12); opacity: 0; transform: translateY(8px); pointer-events: none; transition: opacity .2s ease, transform .2s ease; } .luys-back-to-top.is-visible { opacity: 1; transform: none; pointer-events: auto; } .luys-back-to-top span { font-size: 24px; line-height: 1; } .luys-mobile-product-cta { position: fixed; left: 80px; right: 14px; bottom: 14px; z-index: 79; min-height: 50px; padding: 7px 8px 7px 16px; display: none; align-items: center; justify-content: space-between; gap: 12px; border: 1px solid rgba(125,101,76,.22); border-radius: 999px; background: rgba(253,252,251,.90); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); box-shadow: 0 12px 30px rgba(26,24,22,.10); } .luys-mobile-product-cta.is-visible { display: flex; } .luys-mobile-product-cta__price { font: 500 14px/1.2 "DM Sans", sans-serif; } .luys-mobile-product-cta__button { min-height: 38px; padding: 0 16px; border: 0; border-radius: 999px; background: var(--luys-color-text-primary); color: #fff; font: 600 10px/1 "DM Sans", sans-serif; letter-spacing: .08em; text-transform: uppercase; } } @media (max-width: 768px) { .luys-home-usp .luys-usp { border-color: transparent !important; } .luys-home-usp .luys-usp:nth-child(odd) { border-right-color: transparent !important; } } .luys-floating-chat { top: calc(50% - 25px) !important; right: clamp(18px, 2.2vw, 34px) !important; bottom: auto !important; left: auto !important; padding-bottom: 0 !important; } .luys-floating-chat__panel { position: absolute !important; top: 50% !important; right: 0 !important; bottom: auto !important; transform: translateY(calc(-50% + 10px)) scale(.98) !important; transform-origin: right center !important; } .luys-floating-chat.is-open .luys-floating-chat__panel { transform: translateY(-50%) scale(1) !important; } @media (max-width: 700px) { .luys-floating-chat { top: calc(50% - 26px) !important; right: max(14px, env(safe-area-inset-right, 0px)) !important; bottom: auto !important; } .luys-floating-chat__panel { top: 50% !important; right: 0 !important; bottom: auto !important; width: min(340px, calc(100vw - 28px)) !important; max-width: calc(100vw - 28px) !important; } .luys-floating-chat__panel-inner { max-height: calc(100vh - 32px) !important; } } @supports (height: 100dvh) { @media (max-width: 700px) { .luys-floating-chat__panel-inner { max-height: calc(100dvh - 32px) !important; } } } .luys-site-announcement[hidden]{display:none!important} .luys-site-announcement{position:relative;z-index:10020;width:100%;color:#fff;background:linear-gradient(110deg,#8a7059 0%,#65503e 52%,#2b2420 100%);border-bottom:1px solid rgba(255,255,255,.14);box-shadow:0 10px 28px rgba(35,29,25,.12)} .luys-site-announcement__inner{width:min(100% - 40px,1440px);min-height:64px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 38px;align-items:center;gap:16px} .luys-site-announcement__content{min-width:0;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 14px;padding:10px 0;text-align:center} .luys-site-announcement__eyebrow{color:rgba(255,255,255,.72);font:700 9px/1.2 "DM Sans",sans-serif;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap} .luys-site-announcement__message{max-width:720px;color:#fff;font:500 13px/1.45 "DM Sans",sans-serif} .luys-site-announcement__actions{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px} .luys-site-announcement__button{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:5px 10px;border:1px solid rgba(255,255,255,.38);border-radius:999px;background:rgba(255,255,255,.07);color:#fff!important;font:700 9px/1 "DM Sans",sans-serif;letter-spacing:.04em;text-decoration:none!important;transition:background .18s ease,border-color .18s ease,transform .18s ease} .luys-site-announcement__button:hover,.luys-site-announcement__button:focus-visible{background:rgba(255,255,255,.17);border-color:rgba(255,255,255,.68);transform:translateY(-1px)} .luys-site-announcement__close{width:32px;height:32px;padding:0;display:grid;place-items:center;justify-self:end;border:1px solid rgba(255,255,255,.24);border-radius:50%;background:rgba(255,255,255,.07);color:#fff;cursor:pointer} .luys-site-announcement__close span{font:300 22px/1 Arial,sans-serif;transform:translateY(-1px)} .luys-site-announcement__close:hover,.luys-site-announcement__close:focus-visible{background:rgba(255,255,255,.16)} .luys-footer__socials{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;margin-top:18px} .luys-footer__socials>span{width:100%;color:#8b7b6e;font:700 9px/1.2 "DM Sans",sans-serif;letter-spacing:.13em;text-transform:uppercase} .luys-footer__socials a{display:inline-flex;align-items:center;min-height:30px;padding:5px 10px;border:1px solid rgba(125,101,76,.22);border-radius:999px;color:inherit!important;font-size:10px!important;line-height:1!important;text-decoration:none!important} .luys-footer__socials a:hover,.luys-footer__socials a:focus-visible{border-color:#9f826b;background:rgba(125,101,76,.06)} @media(max-width:720px){ .luys-site-announcement__inner{width:min(100% - 22px,1440px);grid-template-columns:minmax(0,1fr) 30px;gap:8px} .luys-site-announcement__content{justify-content:flex-start;gap:5px 8px;padding:10px 0;text-align:left} .luys-site-announcement__eyebrow{width:100%;font-size:8px} .luys-site-announcement__message{width:100%;font-size:11px;line-height:1.4} .luys-site-announcement__actions{justify-content:flex-start} .luys-site-announcement__button{min-height:28px;padding:5px 9px;font-size:8px} .luys-site-announcement__close{width:28px;height:28px} } .luys-social-follow{border-top:1px solid rgba(126,105,88,.13);border-bottom:1px solid rgba(126,105,88,.13);background:#f7f3ed} .luys-social-follow__inner{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:24px 0;display:flex;align-items:center;justify-content:space-between;gap:24px} .luys-social-follow__copy{display:flex;flex-direction:column;gap:4px;color:#51463e} .luys-social-follow__copy span{font:600 10px/1.2 "DM Sans",sans-serif;letter-spacing:.15em;text-transform:uppercase;color:#9a806b} .luys-social-follow__copy strong{font:500 19px/1.25 "Cormorant Garamond",serif} .luys-social-follow__links{display:flex;align-items:center;flex-wrap:wrap;gap:8px} .luys-social-follow__links a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 13px;border:1px solid rgba(125,101,76,.23);border-radius:999px;color:#574b42;text-decoration:none;font:500 11px/1 "DM Sans",sans-serif;transition:.18s ease} .luys-social-follow__links a:hover,.luys-social-follow__links a:focus-visible{background:#fff;border-color:#9f826b;color:#3f352e} @media(max-width:680px){.luys-social-follow__inner{width:min(100% - 28px,1180px);padding:20px 0;align-items:flex-start;flex-direction:column;gap:14px}.luys-social-follow__copy strong{font-size:18px}.luys-social-follow__links{gap:6px}} .luys-footer__logo img{width:190px!important;height:auto!important} @media(min-width:1200px){.luys-logo img{width:265px!important;max-width:100%!important;height:auto!important}} @media(min-width:901px) and (max-width:1199px){.luys-logo img{width:240px!important;max-width:100%!important;height:auto!important}} @media(max-width:900px){.luys-logo img{width:clamp(190px,58vw,225px)!important;max-width:100%!important;height:auto!important}}