/** Shopify CDN: Minification failed Line 289:52 Unexpected "400" Line 289:83 Unterminated string token **/ @import url('https://fonts.googleapis.com/css2?family=Italiana&family=Jost:wght@300;400;500;600&display=swap'); /* Original Technology and reference-page CSS, scoped to the PDP component. Keep layouts, palette, typography, and media ratios aligned with the source pages. */ #MainContent #sbd-quality [data-product-technology] .sbd-tech-section { display: grid; grid-template-columns: 50% 1fr; min-height: 70vh; background: #f4ece1; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-section--dark { background: #1b1512; grid-template-columns: 1fr 50%; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-section__media--left { order: 0; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-section__content { order: 1; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-section__media--right { order: 2; } @media (min-width: 901px) { #MainContent #sbd-quality [data-product-technology] .sbd-tech-section:has(.sbd-tech-section__media--left) { grid-template-columns: 50% 1fr; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-section:has(.sbd-tech-section__media--right) { grid-template-columns: 1fr 50%; } } #MainContent #sbd-quality [data-product-technology] .sbd-tech-section__media { overflow: hidden; display: flex; align-self: stretch; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-section__content { padding: 80px 72px; display: flex; flex-direction: column; justify-content: center; gap: 24px; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-section__title { font-family: 'Italiana', serif !important; font-size: clamp(36px, 4vw, 56px) !important; font-weight: 400 !important; letter-spacing: .04em !important; color: #221812 !important; margin: 0 !important; line-height: 1 !important; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-section--dark .sbd-tech-section__title { color: #f4ece1 !important; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-section__body { font-family: 'Jost', sans-serif; font-size: 15px; line-height: 1.9; color: #5c5147; margin: 0; max-width: 480px; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-section--dark .sbd-tech-section__body { color: rgba(244,236,225,.5); } #MainContent #sbd-quality [data-product-technology] .sbd-tech-section__bullets { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 10px; border-top: 1px solid #e0d3bd; padding-top: 24px; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-section--dark .sbd-tech-section__bullets { border-top-color: rgba(244,236,225,.1); } #MainContent #sbd-quality [data-product-technology] .sbd-tech-section__bullets li { font-family: 'Jost', sans-serif; font-size: 12px; font-weight: 600; letter-spacing: .07em; text-transform: uppercase; color: #221812; display: flex; align-items: center; gap: 12px; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-section--dark .sbd-tech-section__bullets li { color: rgba(244,236,225,.7); } #MainContent #sbd-quality [data-product-technology] .sbd-tech-section__bullets li::before { content: ''; width: 18px; height: 1px; background: #c79a5e; flex-shrink: 0; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-section--content-dark { background: #1b1512; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-section--content-dark .sbd-tech-section__content { background: #1b1512; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-section--content-dark .sbd-tech-section__title { color: #f4ece1 !important; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-section--content-dark .sbd-tech-section__body { color: rgba(244,236,225,.5); } #MainContent #sbd-quality [data-product-technology] .sbd-tech-section--content-dark .sbd-tech-section__bullets { border-top-color: rgba(244,236,225,.1); } #MainContent #sbd-quality [data-product-technology] .sbd-tech-section--content-dark .sbd-tech-section__bullets li { color: rgba(244,236,225,.7); } #MainContent #sbd-quality [data-product-technology] .sbd-tech-ph { width: 100%; height: 100%; min-height: 180px; background: #140f0c; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; font-family: 'Jost', sans-serif; font-size: 13px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: #6a6259; border: 1px dashed rgba(244,236,225,.12); } #MainContent #sbd-quality [data-product-technology] .sbd-tech-ph span { font-size: 10px; font-weight: 400; letter-spacing: .15em; color: #463c33; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-extra { padding: 80px 72px; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-extra--light { background: #f4ece1; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-extra__inner { max-width: 1100px; margin: 0 auto; display: flex; flex-direction: column; gap: 40px; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-extra__inner--wide { max-width: 1340px; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-extra__group { display: flex; flex-direction: column; gap: 28px; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-extra__grouphead { display: flex; flex-direction: column; gap: 8px; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-extra__grouptitle { font-family: 'Jost', sans-serif; font-size: 11px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: #c79a5e; margin: 0; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-extra__groupsub { font-family: 'Jost', sans-serif; font-size: 14px; line-height: 1.6; color: #71655a; margin: 0; max-width: 640px; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-vidgrid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-vidgrid--4 { grid-template-columns: repeat(4, 1fr); } #MainContent #sbd-quality [data-product-technology] .sbd-tech-vidcard { display: flex; flex-direction: column; gap: 12px; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-vidcard__media { aspect-ratio: 4 / 3; border-radius: 14px; overflow: hidden; background: #221812; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-vidcard__media--square { aspect-ratio: 1 / 1; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-vidcard__media video, #MainContent #sbd-quality [data-product-technology] .sbd-tech-vidcard__media .sbd-tech-ph { width: 100%; height: 100%; object-fit: cover; display: block; min-height: 0; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-vidcard__title { font-family: 'Jost', sans-serif !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: .06em !important; text-transform: uppercase !important; color: #221812 !important; margin: 0 !important; display: flex !important; align-items: center !important; gap: 10px !important; flex-wrap: wrap !important; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-vidcard__desc { font-family: 'Jost', sans-serif; font-size: 13px; line-height: 1.6; color: #71655a; margin: 0; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-vidcard--dark .sbd-tech-vidcard__title { color: #f4ece1 !important; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-vidcard--dark .sbd-tech-vidcard__desc { color: rgba(244,236,225,.5); } #MainContent #sbd-quality [data-product-technology] .sbd-tech-badge { font-family: 'Jost', sans-serif; font-size: 9px; font-weight: 700; letter-spacing: .1em; background: #c79a5e; color: #221812; padding: 3px 8px; border-radius: 4px; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-skel-row { display: flex; align-items: stretch; gap: 0; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-skel-group { flex: 1; display: flex; flex-direction: column; gap: 22px; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-skel-group:first-child { padding-right: 32px; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-skel-group:last-child { padding-left: 32px; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-skel-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-skel-sep { width: 1px; align-self: stretch; background: #e0d3bd; flex-shrink: 0; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-motion { background: #1b1512; padding: 96px 72px; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-motion__inner { max-width: 1100px; margin: 0 auto; display: flex; flex-direction: column; gap: 48px; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-motion__head { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 20px; max-width: 760px; margin: 0 auto; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-motion__head .sbd-tech-section__body { max-width: 680px; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-featuregroups { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-featuregroup__title { margin:0 0 22px; color:#e2c79a; font:600 18px/1.4 Jost,sans-serif; } @media (max-width:899px) { #MainContent #sbd-quality [data-product-technology] .sbd-tech-featuregroups { grid-template-columns:1fr; gap:36px; } } #MainContent #sbd-quality [data-product-technology] .sbd-tech-motion .sbd-tech-section__title { color: #f4ece1 !important; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-motion .sbd-tech-section__body { color: rgba(244,236,225,.5); } #MainContent #sbd-quality [data-product-technology] .sbd-tech-section__robot-list { display: flex; flex-direction: column; gap: 12px; border-top: 1px solid rgba(244,236,225,.1); padding-top: 24px; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-robot-2col { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 56px; border-top: 1px solid rgba(244,236,225,.1); padding-top: 24px; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-robot-col { display: flex; flex-direction: column; gap: 12px; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-section__robot-item { display: flex; align-items: center; gap: 12px; font-family: 'Jost', sans-serif; font-size: 13px; font-weight: 400; color: rgba(244,236,225,.65); } #MainContent #sbd-quality [data-product-technology] .sbd-tech-section__robot-dot { width: 6px; height: 6px; border-radius: 50%; flex-shrink: 0; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-section__robot-item--available .sbd-tech-section__robot-dot { background: #c79a5e; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-section__robot-item--soon .sbd-tech-section__robot-dot { background: #4a4239; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-section__robot-status { margin-left: auto; font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-section__robot-item--available .sbd-tech-section__robot-status { color: #c79a5e; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-section__robot-item--soon .sbd-tech-section__robot-status { color: #5c5147; } #MainContent #sbd-quality [data-product-technology] .sbd-warmth { display: grid; grid-template-columns: 300px 1fr; gap: 36px; align-items: center; } #MainContent #sbd-quality [data-product-technology] .sbd-warmth__video { aspect-ratio: 1 / 1; border-radius: 16px; overflow: hidden; background: #221812; } #MainContent #sbd-quality [data-product-technology] .sbd-warmth__video video, #MainContent #sbd-quality [data-product-technology] .sbd-warmth__video .sbd-tech-ph { width: 100%; height: 100%; object-fit: cover; display: block; min-height: 0; } #MainContent #sbd-quality [data-product-technology] .sbd-warmth__bubble { position: relative; border-radius: 22px; padding: 44px 40px 48px; background: radial-gradient(circle at 50% 38%, rgba(214,84,54,.55) 0%, rgba(214,84,54,.18) 38%, rgba(199,154,94,.10) 62%, rgba(244,236,225,.04) 100%), #241a15; border: 1px solid rgba(199,154,94,.25); display: flex; flex-direction: column; gap: 24px; } #MainContent #sbd-quality [data-product-technology] .sbd-warmth__title { font-family: 'Italiana', serif !important; font-size: 26px !important; font-weight: 400 !important; letter-spacing: .03em !important; color: #f4ece1 !important; margin: 0 !important; } #MainContent #sbd-quality [data-product-technology] .sbd-warmth__icons { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; } #MainContent #sbd-quality [data-product-technology] .sbd-warmth__chip { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 12px; } #MainContent #sbd-quality [data-product-technology] .sbd-warmth__chip-icon { width: 126px; height: 126px; display: flex; align-items: center; justify-content: center; } #MainContent #sbd-quality [data-product-technology] .sbd-warmth__chip-icon img { width: 126px; height: 126px; object-fit: contain; } #MainContent #sbd-quality [data-product-technology] .sbd-warmth__chip-label { font-family: 'Jost', sans-serif; font-size: 13px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #f4ece1; } #MainContent #sbd-quality [data-product-technology] .sbd-warmth__chip-desc { font-family: 'Jost', sans-serif; font-size: 12px; line-height: 1.6; color: rgba(244,236,225,.65); margin: 0; } #MainContent #sbd-quality [data-product-technology] .sbd-int__care { background: #efe6d8; border: 1px solid #e0d3bd; border-radius: 16px; padding: 28px 32px; display: flex; gap: 20px; align-items: flex-start; margin-top: 8px; } #MainContent #sbd-quality [data-product-technology] .sbd-int__care-icon { width: 28px; height: 28px; color: #c79a5e; flex-shrink: 0; margin-top: 2px; } #MainContent #sbd-quality [data-product-technology] .sbd-int__care-icon svg { width: 100%; height: 100%; } #MainContent #sbd-quality [data-product-technology] .sbd-int__care-text h4 { font-family: 'Jost', sans-serif; font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: #221812; margin: 0 0 8px; } #MainContent #sbd-quality [data-product-technology] .sbd-int__care-text p { font-family: 'Jost', sans-serif; font-size: 13px; line-height: 1.85; color: #71655a; margin: 0; } @media (max-width: 900px) { #MainContent #sbd-quality [data-product-technology] .sbd-tech-hero { min-height: auto; padding-bottom: 0; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-hero__img { display: none; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-hero__techs { display: none; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-hero__content { padding: 48px 24px; margin-top: 0; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-section, #MainContent #sbd-quality [data-product-technology] .sbd-tech-section--dark { grid-template-columns: 1fr; min-height: auto; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-section__media--right { order: -1; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-section__media { height: auto; aspect-ratio: 1 / 1; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-section__content { padding: 48px 24px; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-nav__inner { padding: 0 16px; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-nav__item { padding: 16px; font-size: 11px; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-config { padding: 72px 24px; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-extra { padding: 56px 24px; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-motion { padding: 56px 24px; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-vidgrid { grid-template-columns: 1fr; gap: 32px; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-vidgrid--4 { grid-template-columns: 1fr 1fr; gap: 20px; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-skel-row { flex-direction: column; gap: 40px; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-skel-group:first-child { padding-right: 0; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-skel-group:last-child { padding-left: 0; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-skel-sep { width: auto; height: 1px; } #MainContent #sbd-quality [data-product-technology] .sbd-warmth { grid-template-columns: 1fr; gap: 28px; } #MainContent #sbd-quality [data-product-technology] .sbd-warmth__video { max-width: 260px; margin: 0 auto; } #MainContent #sbd-quality [data-product-technology] .sbd-warmth__icons { grid-template-columns: 1fr; gap: 24px; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-robot-2col { grid-template-columns: 1fr; gap: 12px; } #MainContent #sbd-quality [data-product-technology] .sbd-int__care { flex-direction: column; padding: 20px; } } @media (max-width: 600px) { #MainContent #sbd-quality [data-product-technology] .sbd-tech-vidgrid--4 { grid-template-columns: 1fr; } } #MainContent #sbd-quality [data-product-technology] .sbd-tech-vidgrid-hint { display: none; } @media (max-width: 749px) { #MainContent #sbd-quality [data-product-technology] .sbd-tech-vidgrid--4, #MainContent #sbd-quality [data-product-technology] [id^="pdp-tech-intimacy-"] .sbd-tech-vidgrid { display: flex; grid-template-columns: none; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; padding-bottom: 0; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-vidgrid--4::-webkit-scrollbar, #MainContent #sbd-quality [data-product-technology] [id^="pdp-tech-intimacy-"] .sbd-tech-vidgrid::-webkit-scrollbar { display: none; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-vidgrid--4 > .sbd-tech-vidcard, #MainContent #sbd-quality [data-product-technology] [id^="pdp-tech-intimacy-"] .sbd-tech-vidgrid > .sbd-tech-vidcard { flex: 0 0 100%; scroll-snap-align: start; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-vidgrid-hint { display: block; text-align: center; font-family: 'Jost', sans-serif; font-size: 11px; letter-spacing: .2em; text-transform: uppercase; color: #c79a5e; margin: 4px 0 0; } } #MainContent #sbd-quality [data-product-technology] 400;500;600;700&display=swap'); .sbd-rf-hero, #MainContent #sbd-quality [data-product-technology] .sbd-rf-band, #MainContent #sbd-quality [data-product-technology] .sbd-rf-section, #MainContent #sbd-quality [data-product-technology] .sbd-rf-cta, #MainContent #sbd-quality [data-product-technology] .sbd-rf-fn, #MainContent #sbd-quality [data-product-technology] .sbd-rf-chapter { box-sizing: border-box; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-hero *, #MainContent #sbd-quality [data-product-technology] .sbd-rf-band *, #MainContent #sbd-quality [data-product-technology] .sbd-rf-section *, #MainContent #sbd-quality [data-product-technology] .sbd-rf-cta *, #MainContent #sbd-quality [data-product-technology] .sbd-rf-fn *, #MainContent #sbd-quality [data-product-technology] .sbd-rf-chapter * { box-sizing: border-box; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-divider { border-top: 1px solid rgba(199,154,94,.28); } #MainContent #sbd-quality [data-product-technology] .sbd-rf__eyebrow { font-family: 'Jost', sans-serif; font-size: 10px; font-weight: 700; letter-spacing: .3em; text-transform: uppercase; color: #c79a5e; margin: 0; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-hero { background: #1b1512; position: relative; display: grid; grid-template-columns: 46% 1fr; align-items: stretch; overflow: hidden; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-hero__media { position: relative; overflow: hidden; min-height: 520px; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-hero__media img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-hero__media::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(27,21,18,0) 55%, rgba(27,21,18,.95) 100%); pointer-events: none; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-hero__content { padding: 96px 72px; display: flex; flex-direction: column; justify-content: center; gap: 26px; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-hero__title { font-family: 'Italiana', serif !important; font-size: clamp(40px, 5vw, 72px) !important; font-weight: 400 !important; line-height: 1.05 !important; letter-spacing: .02em !important; color: #f4ece1 !important; margin: 0 !important; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-hero__sub { font-family: 'Jost', sans-serif; font-size: 15px; line-height: 1.85; color: rgba(244,236,225,.55); margin: 0; max-width: 520px; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-hero__jump { display: flex; flex-wrap: wrap; gap: 10px; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-hero__pill { font-family: 'Jost', sans-serif; font-size: 11px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: rgba(244,236,225,.6); text-decoration: none; border: 1px solid rgba(244,236,225,.15); border-radius: 999px; padding: 8px 18px; transition: all .2s; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-hero__pill:hover { color: #f4ece1; border-color: rgba(244,236,225,.4); } #MainContent #sbd-quality [data-product-technology] .sbd-rf-band { background: #1b1512; padding: 80px 72px; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-band__inner { max-width: 1100px; margin: 0 auto; display: flex; flex-direction: column; gap: 40px; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-band__head { display: flex; flex-direction: column; gap: 16px; max-width: 780px; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-chapter { background: #f4ece1; padding: 76px 72px 68px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 14px; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-chapter--dark { background: #1b1512; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-chapter__title { font-family: 'Italiana', serif !important; font-size: clamp(34px, 4.4vw, 60px) !important; font-weight: 400 !important; letter-spacing: .04em !important; color: #221812 !important; margin: 0 !important; line-height: 1.05 !important; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-chapter--dark .sbd-rf-chapter__title { color: #f4ece1 !important; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-chapter__sub { font-family: 'Jost', sans-serif; font-size: 14.5px; line-height: 1.85; color: #71655a; margin: 0; max-width: 660px; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-chapter--dark .sbd-rf-chapter__sub { color: rgba(244,236,225,.55); } #MainContent #sbd-quality [data-product-technology] .sbd-rf-fn { display: grid; grid-template-columns: 44% 1fr; align-items: stretch; background: #f4ece1; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-fn--dark { background: #1b1512; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-fn--flip .sbd-rf-fn__media { order: 2; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-fn--flip { grid-template-columns: 1fr 44%; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-fn__media { overflow: hidden; background: #221812; min-height: 420px; position: relative; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-fn__media img, #MainContent #sbd-quality [data-product-technology] .sbd-rf-fn__media video { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-fn__media--plate { display: flex; align-items: center; justify-content: center; padding: 48px; background: radial-gradient(circle at 50% 45%, rgba(199,154,94,.16), rgba(23,17,14,0) 68%), #17110e; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-fn--light .sbd-rf-fn__media--plate { background: radial-gradient(circle at 50% 45%, rgba(199,154,94,.22), rgba(239,230,216,0) 68%), #efe6d8; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-fn__media--plate img { width: auto; height: auto; object-fit: contain; max-width: min(100%, 620px); max-height: min(100%, 560px); } #MainContent #sbd-quality [data-product-technology] .sbd-rf-fn__media--icon img { max-width: min(100%, 330px); max-height: min(100%, 330px); } #MainContent #sbd-quality [data-product-technology] .sbd-rf-fn__content { padding: 72px 64px; display: flex; flex-direction: column; gap: 26px; justify-content: center; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-fn__head { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-fn__title { font-family: 'Italiana', serif !important; font-size: clamp(28px, 3.2vw, 42px) !important; font-weight: 400 !important; letter-spacing: .03em !important; line-height: 1.1 !important; color: #221812 !important; margin: 0 !important; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-fn--dark .sbd-rf-fn__title { color: #f4ece1 !important; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-fn__prose { display: flex; flex-direction: column; gap: 16px; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-fn__prose p { font-family: 'Jost', sans-serif; font-size: 14.5px; line-height: 1.9; color: #5c5147; margin: 0; max-width: 620px; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-fn--dark .sbd-rf-fn__prose p { color: rgba(244,236,225,.58); } #MainContent #sbd-quality [data-product-technology] .sbd-rf-fn__prose strong { color: #221812; font-weight: 600; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-fn--dark .sbd-rf-fn__prose strong { color: #f4ece1; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-fn__prose a { color: #c79a5e; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-price { font-family: 'Jost', sans-serif; font-size: 12px; font-weight: 700; letter-spacing: .04em; color: #221812; background: #c79a5e; padding: 4px 10px; border-radius: 4px; display: inline-block; white-space: nowrap; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-detail { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; border-top: 1px solid #e0d3bd; padding-top: 24px; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-fn--dark .sbd-rf-detail { border-top-color: rgba(244,236,225,.12); } #MainContent #sbd-quality [data-product-technology] .sbd-rf-detail__block h4 { font-family: 'Jost', sans-serif; font-size: 10px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: #c79a5e; margin: 0 0 12px; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-detail__block ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-detail__block li { font-family: 'Jost', sans-serif; font-size: 12.5px; line-height: 1.6; color: #5c5147; display: flex; gap: 9px; align-items: flex-start; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-detail__block li::before { content: ''; width: 12px; height: 1px; background: #c79a5e; flex-shrink: 0; margin-top: 10px; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-fn--dark .sbd-rf-detail__block li { color: rgba(244,236,225,.58); } #MainContent #sbd-quality [data-product-technology] .sbd-rf-spec { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin: 0; padding-top: 22px; border-top: 1px solid #e0d3bd; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-fn--dark .sbd-rf-spec { border-top-color: rgba(244,236,225,.12); } #MainContent #sbd-quality [data-product-technology] .sbd-rf-spec div { display: flex; flex-direction: column; gap: 5px; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-spec dt { font-family: 'Jost', sans-serif; font-size: 9.5px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #a08355; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-fn--dark .sbd-rf-spec dt { color: #c79a5e; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-spec dd { font-family: 'Jost', sans-serif; font-size: 12.5px; line-height: 1.5; color: #221812; margin: 0; font-weight: 500; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-fn--dark .sbd-rf-spec dd { color: rgba(244,236,225,.8); } #MainContent #sbd-quality [data-product-technology] .sbd-rf-sample { border: 1px solid rgba(199,154,94,.3); border-radius: 14px; padding: 20px 22px; background: #241a15; display: flex; flex-direction: column; gap: 10px; max-width: 480px; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-sample__label { font-family: 'Jost', sans-serif; font-size: 10px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: #c79a5e; margin: 0; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-sample audio { width: 100%; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-sample__note { font-family: 'Jost', sans-serif; font-size: 11.5px; line-height: 1.6; color: rgba(244,236,225,.4); margin: 0; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-section { padding: 88px 72px; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-section--light { background: #f4ece1; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-section--dark { background: #1b1512; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-section__inner { max-width: 1100px; margin: 0 auto; display: flex; flex-direction: column; gap: 40px; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-section__head { display: flex; flex-direction: column; gap: 16px; max-width: 760px; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-h2 { font-family: 'Italiana', serif !important; font-size: clamp(30px, 3.6vw, 48px) !important; font-weight: 400 !important; letter-spacing: .03em !important; line-height: 1.1 !important; color: #221812 !important; margin: 0 !important; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-section--dark .sbd-rf-h2, #MainContent #sbd-quality [data-product-technology] .sbd-rf-band .sbd-rf-h2 { color: #f4ece1 !important; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-h3 { font-family: 'Jost', sans-serif !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: .16em !important; text-transform: uppercase !important; color: #c79a5e !important; margin: 0 0 18px !important; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-h3--spaced { margin-top: 16px !important; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-lede { font-family: 'Jost', sans-serif; font-size: 15px; line-height: 1.9; color: #5c5147; margin: 0; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-section--dark .sbd-rf-lede, #MainContent #sbd-quality [data-product-technology] .sbd-rf-band .sbd-rf-lede { color: rgba(244,236,225,.55); } #MainContent #sbd-quality [data-product-technology] .sbd-rf-status { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 56px; border-top: 1px solid rgba(244,236,225,.1); padding-top: 28px; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-status__col { display: flex; flex-direction: column; gap: 12px; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-status__item { display: flex; align-items: center; gap: 12px; font-family: 'Jost', sans-serif; font-size: 13px; color: rgba(244,236,225,.65); } #MainContent #sbd-quality [data-product-technology] .sbd-rf-status__dot { width: 6px; height: 6px; border-radius: 50%; background: #c79a5e; flex-shrink: 0; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-status__item--soon .sbd-rf-status__dot { background: #4a4239; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-status__tag { margin-left: auto; font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: #c79a5e; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-status__item--soon .sbd-rf-status__tag { color: #5c5147; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-grid { display: grid; gap: 28px; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-grid--2 { grid-template-columns: repeat(2, 1fr); } #MainContent #sbd-quality [data-product-technology] .sbd-rf-grid--tight { gap: 28px 56px; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-facts { display: flex; flex-direction: column; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-card__specs { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 10px; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-card__specs li { font-family: 'Jost', sans-serif; font-size: 13.5px; line-height: 1.75; color: #5c5147; display: flex; gap: 10px; align-items: flex-start; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-card__specs li::before { content: ''; width: 14px; height: 1px; background: #c79a5e; flex-shrink: 0; margin-top: 12px; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-card__specs strong { color: #221812; font-weight: 600; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-card__specs a { color: #c79a5e; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-note { background: #efe6d8; border: 1px solid #e0d3bd; border-radius: 16px; padding: 26px 30px; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-note p, #MainContent #sbd-quality [data-product-technology] .sbd-rf-note li { font-family: 'Jost', sans-serif; font-size: 13.5px; line-height: 1.85; color: #5c5147; margin: 0; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-note strong { color: #221812; font-weight: 600; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-note--dark { background: #241a15; border-color: rgba(199,154,94,.25); } #MainContent #sbd-quality [data-product-technology] .sbd-rf-note--dark p, #MainContent #sbd-quality [data-product-technology] .sbd-rf-note--dark li { color: rgba(244,236,225,.6); } #MainContent #sbd-quality [data-product-technology] .sbd-rf-note--dark strong { color: #f4ece1; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-tablewrap { overflow-x: auto; -webkit-overflow-scrolling: touch; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-table { width: 100%; border-collapse: collapse; font-family: 'Jost', sans-serif; min-width: 760px; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-table th, #MainContent #sbd-quality [data-product-technology] .sbd-rf-table td { text-align: left; vertical-align: top; padding: 14px 18px 14px 0; border-bottom: 1px solid rgba(244,236,225,.12); } #MainContent #sbd-quality [data-product-technology] .sbd-rf-table thead th { font-size: 10px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: #c79a5e; border-bottom-color: rgba(199,154,94,.4); padding-bottom: 12px; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-table tbody th { font-size: 13px; font-weight: 600; color: #f4ece1; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-table tbody td { font-size: 13px; line-height: 1.65; color: rgba(244,236,225,.6); } #MainContent #sbd-quality [data-product-technology] .sbd-rf-table__price { color: #c79a5e !important; font-weight: 600; white-space: nowrap; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-table--compact { min-width: 620px; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-cta { background: #1b1512; padding: 110px 40px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 22px; border-top: 1px solid rgba(199,154,94,.28); } #MainContent #sbd-quality [data-product-technology] .sbd-rf-cta__title { font-family: 'Italiana', serif !important; font-size: clamp(30px, 4vw, 52px) !important; font-weight: 400 !important; letter-spacing: .04em !important; color: #f4ece1 !important; margin: 0 !important; line-height: 1.15 !important; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-cta__sub { font-family: 'Jost', sans-serif; font-size: 15px; line-height: 1.8; color: rgba(244,236,225,.45); margin: 0; max-width: 540px; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-cta__btn { font-family: 'Jost', sans-serif; font-size: 11px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: #c79a5e; text-decoration: none; border: 1.5px solid #c79a5e; padding: 14px 32px; border-radius: 2px; transition: all .2s; margin-top: 6px; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-cta__btn:hover { background: #c79a5e; color: #f4ece1; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-cta__links { font-family: 'Jost', sans-serif; font-size: 12px; line-height: 2; color: rgba(244,236,225,.3); margin: 10px 0 0; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-cta__links a { color: rgba(244,236,225,.55); text-decoration: none; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-cta__links a:hover { color: #c79a5e; } @media (max-width: 1100px) { #MainContent #sbd-quality [data-product-technology] .sbd-rf-fn__content { padding: 56px 40px; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-spec { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 900px) { #MainContent #sbd-quality [data-product-technology] .sbd-rf-hero { grid-template-columns: 1fr; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-hero__media { min-height: 320px; aspect-ratio: 16 / 10; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-hero__media::after { background: linear-gradient(180deg, rgba(27,21,18,0) 55%, rgba(27,21,18,.95) 100%); } #MainContent #sbd-quality [data-product-technology] .sbd-rf-hero__content { padding: 40px 24px 56px; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-band, #MainContent #sbd-quality [data-product-technology] .sbd-rf-section { padding: 56px 24px; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-chapter { padding: 52px 24px 46px; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-cta { padding: 72px 24px; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-status { grid-template-columns: 1fr; gap: 12px; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-grid--2, #MainContent #sbd-quality [data-product-technology] .sbd-rf-grid--tight { grid-template-columns: 1fr; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-note { padding: 20px 22px; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-fn, #MainContent #sbd-quality [data-product-technology] .sbd-rf-fn--flip { grid-template-columns: 1fr; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-fn--flip .sbd-rf-fn__media { order: 0; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-fn__media { min-height: 0; aspect-ratio: 4 / 3; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-fn__content { padding: 40px 24px 48px; gap: 22px; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-detail { grid-template-columns: 1fr; gap: 20px; } } @media (max-width: 520px) { #MainContent #sbd-quality [data-product-technology] .sbd-rf-spec { grid-template-columns: 1fr; gap: 14px; } } #MainContent #sbd-quality [data-product-technology] .sbd-rf-gal { display: grid; gap: 14px; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-gal--eyes { grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); } #MainContent #sbd-quality [data-product-technology] .sbd-rf-gal--nails { grid-template-columns: repeat(auto-fill, minmax(132px, 1fr)); } #MainContent #sbd-quality [data-product-technology] .sbd-rf-gal--wide { grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); } #MainContent #sbd-quality [data-product-technology] .sbd-rf-gal__item { display: flex; flex-direction: column; gap: 7px; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-gal__media { aspect-ratio: 1 / 1; border-radius: 10px; overflow: hidden; background: #221812; border: 1px solid rgba(199,154,94,.18); } #MainContent #sbd-quality [data-product-technology] .sbd-rf-gal__media--strip { aspect-ratio: 320 / 98; border-radius: 8px; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-gal__media img { width: 100%; height: 100%; object-fit: cover; display: block; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-gal__cap { font-family: 'Jost', sans-serif; font-size: 11px; line-height: 1.35; letter-spacing: .04em; color: #5c5147; margin: 0; text-align: center; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-section--dark .sbd-rf-gal__cap, #MainContent #sbd-quality [data-product-technology] .sbd-rf-fn--dark .sbd-rf-gal__cap { color: rgba(244,236,225,.6); } #MainContent #sbd-quality [data-product-technology] .sbd-rf-gal__cap b { display: block; font-weight: 600; color: #221812; letter-spacing: .06em; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-section--dark .sbd-rf-gal__cap b, #MainContent #sbd-quality [data-product-technology] .sbd-rf-fn--dark .sbd-rf-gal__cap b { color: #f4ece1; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-chips { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 20px; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-chip { display: flex; flex-direction: column; gap: 10px; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-chip__dot { width: 100%; aspect-ratio: 3 / 2; border-radius: 12px; border: 1px solid rgba(199,154,94,.3); } #MainContent #sbd-quality [data-product-technology] .sbd-rf-chip__name { font-family: 'Jost', sans-serif; font-size: 12px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: #221812; margin: 0; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-section--dark .sbd-rf-chip__name, #MainContent #sbd-quality [data-product-technology] .sbd-rf-fn--dark .sbd-rf-chip__name { color: #f4ece1; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-chip__desc { font-family: 'Jost', sans-serif; font-size: 12.5px; line-height: 1.6; color: #71655a; margin: 0; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-section--dark .sbd-rf-chip__desc, #MainContent #sbd-quality [data-product-technology] .sbd-rf-fn--dark .sbd-rf-chip__desc { color: rgba(244,236,225,.55); } #MainContent #sbd-quality [data-product-technology] .sbd-rf-codes { display: flex; flex-wrap: wrap; gap: 7px; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-codes span { font-family: 'Jost', sans-serif; font-size: 11px; font-weight: 600; letter-spacing: .08em; color: rgba(244,236,225,.7); border: 1px solid rgba(244,236,225,.18); border-radius: 5px; padding: 5px 10px; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-fn--light .sbd-rf-codes span, #MainContent #sbd-quality [data-product-technology] .sbd-rf-section--light .sbd-rf-codes span { color: #5c5147; border-color: #ddcdb4; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-free { font-family: 'Jost', sans-serif; font-size: 12px; font-weight: 700; letter-spacing: .04em; color: #c79a5e; border: 1px solid #c79a5e; background: none; padding: 3px 9px; border-radius: 4px; display: inline-block; white-space: nowrap; } @media (max-width: 680px) { #MainContent #sbd-quality [data-product-technology] .sbd-rf-gal--eyes { grid-template-columns: repeat(auto-fill, minmax(72px, 1fr)); } #MainContent #sbd-quality [data-product-technology] .sbd-rf-gal--nails { grid-template-columns: repeat(auto-fill, minmax(104px, 1fr)); } } #MainContent #sbd-quality [data-product-technology] .sbd-rf-table--light th, #MainContent #sbd-quality [data-product-technology] .sbd-rf-table--light td { border-bottom-color: #e0d3bd; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-table--light thead th { color: #a0763a; border-bottom-color: rgba(199,154,94,.55); } #MainContent #sbd-quality [data-product-technology] .sbd-rf-table--light tbody th { color: #221812; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-table--light tbody td { color: #5c5147; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-table--light .sbd-rf-table__price { color: #a0763a !important; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-h2 .sbd-rf-free, #MainContent #sbd-quality [data-product-technology] .sbd-rf-h2 .sbd-rf-price { vertical-align: middle !important; margin-left: 10px !important; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-hero__media--portrait img { object-position: center 22%; } @media (max-width: 900px) { #MainContent #sbd-quality [data-product-technology] .sbd-rf-hero__media--portrait { aspect-ratio: 4 / 5; max-height: 62vh; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-hero__media--portrait img { object-position: center top; } } #MainContent #sbd-quality [data-product-technology] .sbd-rf-card__media--cap { display: flex; align-items: center; justify-content: center; padding: 24px; background: radial-gradient(circle at 50% 45%, rgba(199,154,94,.18), rgba(239,230,216,0) 70%), #efe6d8; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-section--dark .sbd-rf-card__media--cap, #MainContent #sbd-quality [data-product-technology] .sbd-rf-card--dark .sbd-rf-card__media--cap { background: radial-gradient(circle at 50% 45%, rgba(199,154,94,.16), rgba(23,17,14,0) 70%), #17110e; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-card__media--cap img { width: auto; height: auto; object-fit: contain; max-width: min(100%, 340px); max-height: min(100%, 340px); } /* Adapt the container, not the original page designs. */ #MainContent #sbd-quality [data-product-technology] .sbd-tech-divider { border-top: 1px solid rgba(199,154,94,.28); } #MainContent #sbd-quality.sbd-proof--technology { grid-column: 1 / -1; width: 100%; max-width: none; margin: 48px 0 32px; padding: 0; border-top: 0; } .sbd-product-story[hidden] { display: none !important; } #MainContent #sbd-quality [data-product-technology] { font-family: 'Jost', sans-serif; color: #221812; } #MainContent #sbd-quality [data-product-technology] *, #MainContent #sbd-quality [data-product-technology] *::before, #MainContent #sbd-quality [data-product-technology] *::after { box-sizing: border-box; } #MainContent #sbd-quality [data-product-technology] :is(.sbd-tech-section__title,.sbd-warmth__title,.sbd-rf-fn__title,.sbd-rf-h2) { text-transform: none !important; text-wrap: initial; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-section__media :is(video,img) { width: 100%; height: 100%; object-fit: cover; object-position: center top; display: block; } #MainContent #sbd-quality [data-product-technology] .sbd-tech-skel-group:only-child { padding-inline: 0; max-width: 720px; margin-inline: auto; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-fn--text-only { display: block; } #MainContent #sbd-quality [data-product-technology] .sbd-rf-fn--text-only .sbd-rf-fn__content { max-width: 1244px; margin-inline: auto; } #MainContent #sbd-quality [data-product-technology] .sbd-pdp-tech-makeup { grid-template-columns: repeat(3, minmax(0,1fr)); } #MainContent #sbd-quality [data-product-technology] .sbd-int__care a { color: #8b632e; text-decoration: underline; } #MainContent #sbd-quality > :is(.sbd-scroll-purchase,.sbd-proof__service) { max-width: 1440px; width: var(--full-page-grid-central-column-width, calc(100% - 80px)); margin-inline: auto; } #MainContent #sbd-quality > .sbd-scroll-purchase { margin-block: 48px; padding-inline: 0; background: none; border: 0; border-radius: 0; box-shadow: none; } .sbd-scroll-purchase--actions-only { grid-template-columns: 1fr; } .sbd-scroll-purchase--actions-only .sbd-scroll-purchase__actions { max-width: 720px; width: 100%; margin-inline: auto; } @media(max-width:749px) { #MainContent #sbd-quality.sbd-proof--technology { margin-top: 32px; } #MainContent #sbd-quality [data-product-technology] .sbd-pdp-tech-makeup { gap: 12px; } .sbd-scroll-purchase--actions-only .sbd-scroll-purchase__actions { max-width: 360px; } }