.shop-overview{--so-gutter: 16px;--so-well: var(--c-well, #f7f6f3);--so-circle: var(--c-sand, #f5f2ee);--so-line: var(--c-line, #e7e3dc);--so-ink: var(--c-ink, #1a1a1a);--so-muted: var(--c-ink-2, #5c574f);--so-group-gap: 36px;--so-head-gap: 16px;padding:calc(var(--cs-pt, 112px) * .43) 0 calc(var(--cs-pb, 0px) * .43);background-color:var(--cs-bg, #ffffff);color:var(--cs-text, #1a1a1a)}.shop-overview.color-scheme-4,.shop-overview.color-scheme-5{--so-well: #ffffff;--so-circle: #ffffff;--so-line: var(--c-control, #cfc7bc)}.shop-overview__inner{max-width:var(--page-width, 1440px);margin:0 auto;padding:0 var(--so-gutter)}.shop-overview .so-link{position:relative;color:var(--color-primary, #006875);font-weight:600;text-decoration:none;white-space:nowrap;transition:color var(--duration-fast) var(--ease)}.shop-overview .so-link:after{content:"";position:absolute;top:-14px;right:-10px;bottom:-14px;left:-10px}.shop-overview a:focus-visible{outline:2px solid var(--color-primary, #006875);outline-offset:2px;border-radius:var(--radius-md, 8px)}.so-head{display:flex;flex-direction:column;gap:6px;margin-bottom:20px}.so-head__titles{display:flex;flex-direction:column;gap:6px}.so-eyebrow{margin:0;font-size:12px;font-weight:600;line-height:1.3;letter-spacing:.12em;text-transform:uppercase;color:var(--color-primary, #006875)}.so-title{margin:0;font-family:var(--font-heading);font-weight:600;font-size:var(--text-h2, 28px);line-height:1.06;letter-spacing:var(--tracking-heading, -.025em);color:inherit}.so-head__all{display:none;font-size:15px}.so-grid{display:flex;flex-direction:column;gap:var(--so-group-gap)}.so-group{display:flex;flex-direction:column;gap:var(--so-head-gap);min-width:0;padding-top:16px;border-top:1px solid var(--so-line)}.so-group__head{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.so-group__intro{display:flex;flex-direction:column;gap:4px;min-width:0}.so-group__title{margin:0;font-family:var(--font-heading);font-weight:600;font-size:clamp(1.125rem,1rem + .5vw,1.375rem);line-height:1.2;letter-spacing:-.015em;color:inherit}.so-group__text{display:none;margin:0;font-size:15px;line-height:1.45;color:var(--so-muted)}.so-group__all{font-size:14px;flex-shrink:0}.so-all__short{display:inline}.so-all__long{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.so-styles-wrap{display:flex;flex-direction:column;gap:14px;min-width:0}.so-styles{position:relative;display:flex;gap:12px;margin:-4px calc(-1 * var(--so-gutter)) -4px -4px;padding:4px 0 4px 4px;scroll-padding-left:4px;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}.so-styles::-webkit-scrollbar{display:none}.so-styles:after{content:"";flex:0 0 4px}.so-styles__item{display:flex;flex:0 0 clamp(128px,36vw,156px);scroll-snap-align:start}.so-style{display:flex;flex:1;flex-direction:column;gap:10px;color:var(--so-ink);text-decoration:none}.so-style__media{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:4 / 5;overflow:hidden;border-radius:var(--radius-lg, 12px);background:var(--so-well);isolation:isolate}.so-style__media.has-tint{background:color-mix(in oklab,var(--so-tint) 10%,var(--so-well))}.so-style__img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;mix-blend-mode:multiply;transition:transform var(--duration-zoom) var(--ease-spring)}.so-style__label{font-family:var(--font-heading);font-size:15px;font-weight:600;line-height:1.25;text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:1px;text-underline-offset:3px;transition:text-decoration-color var(--duration-fast) var(--ease)}.so-progress{position:relative;height:2px;overflow:hidden;border-radius:var(--radius-full, 999px);background:var(--so-line)}.so-progress__thumb{display:block;width:40%;height:100%;border-radius:inherit;background:var(--color-primary, #006875);will-change:transform}.so-progress.is-static{visibility:hidden}.so-rows{display:grid;grid-template-columns:minmax(0,1fr);margin:-8px 0;padding:0;list-style:none}.so-rows__item{display:flex;min-width:0}.so-rows__item+.so-rows__item{border-top:1px solid var(--so-line)}.so-row{display:grid;flex:1;grid-template-columns:48px minmax(0,1fr) 16px;align-items:center;column-gap:14px;padding:8px 0;color:var(--so-ink);text-decoration:none}.so-row__media{display:flex;align-items:center;justify-content:center;width:48px;height:48px;overflow:hidden;border-radius:var(--radius-md, 8px);background:var(--so-well);color:var(--color-primary, #006875);isolation:isolate}.so-row__img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform var(--duration-zoom) var(--ease-spring)}.so-row__text{display:flex;flex-direction:column;gap:1px;min-width:0}.so-row__name{font-size:15px;font-weight:600;line-height:1.3;text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:1px;text-underline-offset:3px;transition:text-decoration-color var(--duration-fast) var(--ease)}.so-row__sub{font-size:13px;line-height:1.35;color:var(--so-muted)}.so-row__chev{color:var(--so-muted);transition:transform var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease)}.so-acc{display:grid;grid-template-columns:repeat(var(--so-acc-cols-m, 4),minmax(0,1fr));gap:16px 8px;margin:0;padding:0;list-style:none}.so-acc__item{display:flex;min-width:0}.so-acc-tile{display:flex;flex:1;flex-direction:column;align-items:center;gap:8px;color:var(--so-ink);text-align:center;text-decoration:none}.so-acc-tile__media{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:56px;height:56px;overflow:hidden;border-radius:50%;background:var(--so-circle);color:var(--color-primary, #006875);isolation:isolate;transition:background-color var(--duration-fast) var(--ease)}.so-acc-tile__img{display:block;width:78%;height:78%;object-fit:contain;mix-blend-mode:multiply;transition:transform var(--duration-zoom) var(--ease-spring)}.so-acc-tile__icon{display:flex;align-items:center;justify-content:center}.so-acc-tile__icon .so-icon{width:26px;height:26px}.so-acc-tile__label{font-size:13px;font-weight:600;line-height:1.25;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:1px;text-underline-offset:3px;transition:text-decoration-color var(--duration-fast) var(--ease)}.so-acc__item--all .so-acc-tile__label{color:var(--color-primary, #006875)}.so-icon--fallback{color:var(--c-control-strong, #8e877c)}.is-hidden-tile{opacity:.55;outline:1px dashed var(--c-control-strong, #8e877c);outline-offset:2px;border-radius:var(--radius-md, 8px)}.so-note{display:block;font-family:var(--font-body, inherit);font-size:11px;font-weight:500;line-height:1.3;color:var(--c-hint-fg, #7a3e12)}@media(hover:hover){.shop-overview .so-link:hover{color:var(--c-teal-hover, #00535e)}.so-style[href]:hover .so-style__img,.so-row[href]:hover .so-row__img,.so-acc-tile[href]:hover .so-acc-tile__img{transform:scale(1.03)}.so-style[href]:hover .so-style__label,.so-row[href]:hover .so-row__name,.so-acc-tile[href]:hover .so-acc-tile__label{text-decoration-color:currentColor}.so-row[href]:hover .so-row__chev{color:var(--so-ink);transform:translate(3px)}.so-acc-tile[href]:hover .so-acc-tile__media{background-color:var(--so-line)}}@media(max-width:767px){.so-acc--m-hide-all .so-acc__item--all{display:none}}@media(min-width:768px){.shop-overview{--so-gutter: 32px;--so-group-gap: 48px;--so-head-gap: 24px;padding:var(--cs-pt, 112px) 0 var(--cs-pb, 0px)}.so-head{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:32px}.so-head__titles{gap:14px}.so-head__all{display:inline-block;padding-bottom:8px}.so-group{padding-top:20px}.so-group__text{display:block}.so-all__short{display:none}.so-all__long{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}.so-styles{display:grid;grid-template-columns:repeat(var(--so-cols, 5),minmax(0,1fr));gap:16px;margin:0;padding:0;overflow:visible;scroll-snap-type:none}.so-styles:after{content:none}.so-styles__item{flex:none}.so-style{gap:12px}.so-style__media{border-radius:var(--radius-xl, 16px)}.so-style__label{font-size:16px}.so-progress{display:none}.so-rows{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;margin:-10px 0}.so-rows__item+.so-rows__item{border-top:0}.so-rows__item:nth-child(n+3){border-top:1px solid var(--so-line)}.so-row{grid-template-columns:56px minmax(0,1fr) 16px;column-gap:16px;padding:10px 0}.so-row__media{width:56px;height:56px}.so-row__text{gap:2px}.so-row__sub{font-size:14px}.so-acc{grid-template-columns:repeat(var(--so-acc-cols, 5),minmax(0,1fr));gap:20px 16px}.so-acc-tile{gap:10px}.so-acc-tile__media{width:64px;height:64px}.so-acc-tile__icon .so-icon{width:28px;height:28px}.so-acc-tile__label{font-size:14px}}@media(min-width:1200px){.shop-overview{--so-gutter: clamp(32px, 4.45vw, 64px);--so-group-gap: 56px}.so-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--so-group-gap) 56px;align-items:start}.so-group--cases,.so-grid--no-protectors .so-group--accessories,.so-grid--no-accessories .so-group--protectors{grid-column:1 / -1}.so-styles{gap:24px}.so-acc{gap:20px 12px}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-shop-overview.css.map */