.optional-section{padding-block:var(--optional-top, var(--section-spacing)) var(--optional-bottom, var(--section-spacing));min-width:0}.optional-section__header{display:flex;flex-direction:column;gap:20px;margin-bottom:32px;max-width:780px}.optional-section__header h2,.optional-section h3{margin:0;overflow-wrap:anywhere}.optional-section .rte{font-size:calc(16px * var(--font-body-scale));line-height:calc(1.45 * var(--line-height-body-scale))}.optional-rich-text{max-width:var(--optional-text-width, 780px);margin-inline:auto;display:flex;flex-direction:column;gap:24px}.optional-rich-text h1,.optional-rich-text h2,.optional-rich-text h3{margin:0}.look{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;gap:40px}.look__scene{position:relative;min-width:0;overflow:hidden;border-radius:var(--card-image-radius)}.look__scene picture,.look__scene img{display:block;width:100%;height:auto}.look__scene>.placeholder{display:block;aspect-ratio:4/3}.look__pin{position:absolute;left:clamp(22px,var(--look-x),calc(100% - 22px));top:clamp(22px,var(--look-y),calc(100% - 22px));transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:transparent;text-decoration:none;font:400 calc(12px * var(--font-interface-scale))/1 var(--font-mono);color:var(--color-button-text)}.look__pin span{display:grid;place-items:center;width:28px;height:28px;background:var(--color-brand);border:1px solid var(--color-button-text);border-radius:50%;box-shadow:0 0 0 1px var(--color-brand)}.look__pin[aria-expanded=true] span{outline:2px solid var(--color-brand);outline-offset:3px}.look__cards{display:grid;gap:24px;min-width:0}.look--without-scene,.look:not(:has([data-look-card])){grid-template-columns:1fr}.look--without-scene .look__cards{grid-template-columns:repeat(3,minmax(0,1fr))}.look__collection{display:flex;flex-direction:column;gap:16px;text-decoration:none}.look__collection img{width:100%;height:auto}.look__collection h3,.look [data-look-card]>h3,.feature-grid h3,.content-tabs__panel h3{font:400 calc(16px * var(--font-heading-scale))/1.4 var(--font-mono)}.feature-grid,.optional-gallery,.recently-viewed__cards{display:grid;grid-template-columns:repeat(var(--optional-columns, 3),minmax(0,1fr));gap:32px}.feature-grid__item{display:flex;align-items:var(--feature-alignment, center);flex-direction:column;gap:16px;min-width:0}.feature-grid--numbered{margin:0;padding:0;list-style:none}.feature-grid__number{font:400 calc(28px * var(--font-heading-scale))/1 var(--font-heading)}.feature-grid__image{display:block;max-width:min(100%,240px);max-height:120px;width:auto;height:auto;object-fit:contain;margin-inline:auto}.feature-grid__item>.theme-icon img{width:48px;height:48px;object-fit:contain}.image-comparison{display:block;position:relative}.image-comparison__images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;position:relative;isolation:isolate}.image-comparison figure,.optional-gallery figure{margin:0;min-width:0}.image-comparison__image{position:relative;overflow:hidden}.image-comparison__image img,.image-comparison__image>.placeholder{display:block;width:100%;height:auto}.image-comparison figcaption{position:absolute;bottom:12px;left:12px;padding:6px 10px;background:var(--color-background);color:var(--color-foreground);font:400 calc(12px * var(--font-interface-scale))/1.4 var(--font-mono)}.image-comparison[data-enhanced] .image-comparison__images{display:block}.image-comparison[data-enhanced] .image-comparison__image--after{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(0 calc(100% - var(--comparison-position, 50%)) 0 0)}.image-comparison[data-enhanced] .image-comparison__image--after img{width:100%;height:100%;object-fit:cover}.image-comparison[data-enhanced] .image-comparison__image:first-child figcaption{left:auto;right:12px}.image-comparison[data-enhanced] .image-comparison__images:after{content:"";position:absolute;left:var(--comparison-position, 50%);top:0;bottom:0;width:2px;background:#fff;box-shadow:0 0 2px #000;pointer-events:none}.image-comparison__control{display:block;margin-top:16px;font:400 calc(13px * var(--font-interface-scale))/1.5 var(--font-mono)}.image-comparison__control input{display:block;width:100%;min-height:44px;accent-color:var(--color-brand);cursor:ew-resize}.optional-gallery a,.optional-gallery img{display:block;width:100%;height:auto}.optional-gallery figcaption{margin-top:12px;font-size:calc(14px * var(--font-body-scale));line-height:1.4}.optional-gallery__dialog{width:min(1200px,96vw);max-height:94dvh;padding:48px 16px 16px}.optional-gallery__close{position:absolute;inset-inline-end:8px;top:4px;background:var(--color-background)}[data-gallery-zoom] img{display:block;max-width:100%;max-height:calc(94dvh - 64px);width:auto;height:auto;margin:auto;object-fit:contain}content-tabs{display:block;min-width:0}[data-tabs-controls]{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--color-border);margin-bottom:24px}[data-tabs-controls] button{border:0;border-bottom:2px solid transparent;background:transparent;min-height:44px;padding:12px 16px;font:400 calc(13px * var(--font-interface-scale))/1.5 var(--font-mono)}[data-tabs-controls] [aria-selected=true]{border-bottom-color:var(--color-brand);color:var(--color-brand)}.content-tabs__panel+.content-tabs__panel{margin-top:24px}content-tabs:has([role=tablist]) .content-tabs__panel{margin-top:0}.content-tabs__panel h3{margin-bottom:16px}.optional-countdown{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}.optional-countdown .optional-section__header{margin:0;flex:1 1 300px}.optional-countdown__timer{display:flex;gap:20px;text-align:center}.optional-countdown__timer>span{display:flex;flex-direction:column;gap:8px;font:400 calc(12px * var(--font-interface-scale))/1.4 var(--font-mono)}.optional-countdown__timer strong{font:400 calc(36px * var(--font-heading-scale))/1.2 var(--font-mono)}.recently-viewed__clear{margin-top:24px;min-height:44px;padding:8px 0;border:0;background:transparent;color:var(--color-brand);text-decoration:underline;font-size:calc(12px * var(--font-interface-scale))}@media(max-width:989px){.optional-section{padding-block:var(--optional-mobile, var(--section-spacing))}.optional-section__header{margin-bottom:24px}.look{grid-template-columns:1fr;gap:24px}.look__pin{left:clamp(22px,var(--look-mobile-x, var(--look-x)),calc(100% - 22px));top:clamp(22px,var(--look-mobile-y, var(--look-y)),calc(100% - 22px))}.look__cards{width:min(100%,460px);margin-inline:auto}.look--without-scene .look__cards{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}.feature-grid,.optional-gallery,.recently-viewed__cards{grid-template-columns:repeat(var(--optional-mobile-columns, 1),minmax(0,1fr));gap:20px}.image-comparison__images{gap:12px}.optional-countdown{align-items:flex-start;gap:24px}.optional-countdown__timer{gap:16px}.optional-countdown__timer strong{font-size:calc(28px * var(--font-heading-scale))}}.look:not(:has([data-look-card])) .look__cards{display:none}.optional-section .rte{overflow-wrap:anywhere}.optional-section .rte table{width:100%;table-layout:fixed;border-collapse:collapse}.optional-section .rte td,.optional-section .rte th{overflow-wrap:anywhere;padding:8px;border:1px solid var(--color-border)}.feature-grid[style*="text-align:start"] .feature-grid__item{align-items:flex-start}.feature-grid[style*="text-align:start"] .feature-grid__image{margin-inline:0}.image-comparison__control input{direction:ltr}.image-comparison figcaption{max-width:calc(100% - 24px);overflow-wrap:anywhere}
/*# sourceMappingURL=/cdn/shop/t/18/assets/optional-sections.css.map */