.switcher-section{--switcher-ink-rgb: var(--color-foreground-rgb, 31, 38, 34);--switcher-accent-rgb: var(--color-primary-rgb, 196, 103, 74);--switcher-ink: rgb(var(--switcher-ink-rgb));--switcher-muted: rgba(var(--switcher-ink-rgb), .72);--switcher-soft: rgba(var(--switcher-ink-rgb), .52);--switcher-line: rgba(var(--switcher-ink-rgb), .1);--switcher-line-strong: rgba(var(--switcher-ink-rgb), .18);--switcher-sand: #f5f1ea;--switcher-sand-deep: #eee7dc;--switcher-card: rgba(255, 255, 255, .52);--switcher-card-active: rgba(255, 255, 255, .76);--switcher-accent: rgb(var(--switcher-accent-rgb));--switcher-sage: #2d4f3e;--switcher-radius-xl: clamp(1.8rem, 3vw, 3rem);--switcher-radius-lg: clamp(1.25rem, 2vw, 1.8rem);--switcher-ease: cubic-bezier(.16, 1, .3, 1);width:min(100%,var(--page-width, 1440px));margin-inline:auto;padding:clamp(1rem,2vw,1.5rem);position:relative;isolation:isolate;box-sizing:border-box;border:1px solid rgba(var(--switcher-ink-rgb),.08);border-radius:var(--switcher-radius-xl);background:radial-gradient(circle at 16% 12%,rgba(196,103,74,.1),transparent 34rem),radial-gradient(circle at 88% 20%,rgba(45,79,62,.08),transparent 30rem),linear-gradient(135deg,var(--switcher-sand) 0%,var(--switcher-sand-deep) 100%);box-shadow:inset 0 1px #ffffff94,0 22px 70px rgba(var(--switcher-ink-rgb),.06);margin-top:1rem}.switcher-section,.switcher-section *,.switcher-section *:before,.switcher-section *:after{box-sizing:border-box}.switcher-header{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(1.5rem,4vw,4rem);align-items:end;padding:clamp(1.5rem,3vw,3rem);padding-bottom:clamp(1.25rem,2vw,2rem)}.switcher-title{max-width:13ch;margin:0;color:var(--switcher-ink);font-family:var(--font-heading--family, var(--font-heading-family, serif));font-size:clamp(2.55rem,5vw,4.65rem);font-weight:360;line-height:.99;letter-spacing:-.058em;text-wrap:balance}.switcher-title em{color:var(--switcher-accent);font-style:italic}.switcher-intro{max-width:46rem;margin:0;color:var(--switcher-muted);font-size:clamp(1.02rem,1.45vw,1.24rem);line-height:1.55}.switcher-layout{display:grid;grid-template-columns:minmax(280px,.42fr) minmax(0,.58fr);gap:clamp(1rem,2vw,1.35rem);align-items:stretch;padding:clamp(1rem,2vw,1.5rem);padding-top:0}.switcher-nav{display:grid;gap:.75rem;align-content:start}.switcher-tab-btn{width:100%;min-height:96px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem;align-items:center;text-align:left;padding:1.1rem 1.15rem;border:1px solid rgba(var(--switcher-ink-rgb),.09);border-radius:var(--switcher-radius-lg);background:#ffffff61;color:var(--switcher-ink);cursor:pointer;-webkit-appearance:none;appearance:none;font:inherit;box-shadow:inset 0 1px #ffffff8a,0 8px 24px rgba(var(--switcher-ink-rgb),.035);transition:transform .18s var(--switcher-ease),background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.switcher-tab-btn.active,.switcher-tab-btn[aria-selected=true]{background:var(--switcher-card-active);border-color:#2d4f3e38;box-shadow:inset 0 1px #ffffffb8,0 16px 34px rgba(var(--switcher-ink-rgb),.07)}.switcher-tab-btn:focus-visible{outline:3px solid rgba(45,79,62,.34);outline-offset:4px}.tab-index{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#2d4f3e14;color:var(--switcher-sage);font-size:.78rem;font-weight:800;line-height:1;letter-spacing:.08em;transition:background-color .18s ease,color .18s ease,transform .18s var(--switcher-ease)}.switcher-tab-btn.active .tab-index,.switcher-tab-btn[aria-selected=true] .tab-index{background:var(--switcher-sage);color:#fff}.tab-text-wrap{display:grid;gap:.28rem;min-width:0}.tab-title{color:var(--switcher-ink);font-size:clamp(1rem,1.2vw,1.14rem);font-weight:760;line-height:1.15;letter-spacing:-.02em}.tab-subtitle{margin:0;color:var(--switcher-muted);font-size:.9rem;line-height:1.38}.switcher-frame{position:relative;min-height:clamp(520px,48vw,700px);overflow:hidden;border:1px solid rgba(var(--switcher-ink-rgb),.1);border-radius:var(--switcher-radius-lg);background:radial-gradient(circle at 50% 20%,rgba(196,103,74,.12),transparent 28rem),#ffffff57;box-shadow:inset 0 1px #ffffffa3,0 14px 38px rgba(var(--switcher-ink-rgb),.05)}.switcher-image-slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transform:scale(1.012);transition:opacity .24s ease,visibility .24s ease,transform .52s var(--switcher-ease)}.switcher-image-slide.active{opacity:1;visibility:visible;transform:scale(1)}.switcher-image-slide[hidden]{display:block;opacity:0;visibility:hidden;pointer-events:none}.switcher-img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.switcher-img.placeholder{opacity:.34}.switcher-image-slide:after{content:"";position:absolute;inset:auto 0 0;height:42%;pointer-events:none;background:linear-gradient(to top,#1f26226b,#1f262200)}.image-text-overlay{position:absolute;z-index:2;left:clamp(1rem,2vw,1.5rem);right:clamp(1rem,2vw,1.5rem);bottom:clamp(1rem,2vw,1.5rem);max-width:34rem;padding:1rem 1.1rem;border:1px solid rgba(255,255,255,.22);border-radius:1.15rem;background:#ffffffad;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 1px #ffffffb8,0 16px 36px #1f262224}.image-text-overlay p{margin:0;color:var(--switcher-ink);font-size:clamp(.94rem,1.1vw,1.05rem);font-weight:660;line-height:1.35}@media(hover:hover)and (pointer:fine){.switcher-tab-btn:hover{transform:translateY(-2px);border-color:var(--switcher-line-strong);background:#ffffff9e;box-shadow:inset 0 1px #ffffffad,0 14px 32px rgba(var(--switcher-ink-rgb),.07)}.switcher-tab-btn:hover .tab-index{transform:scale(1.04)}.switcher-tab-btn.active:hover,.switcher-tab-btn[aria-selected=true]:hover{background:var(--switcher-card-active)}}@media screen and (max-width:989px){.switcher-section{padding:1rem;border-radius:2rem}.switcher-header{grid-template-columns:1fr;gap:1.25rem;padding:1.25rem}.switcher-title{max-width:13ch}.switcher-layout{grid-template-columns:1fr;padding:1rem;padding-top:0}.switcher-nav{display:flex;gap:.75rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.25rem;-webkit-overflow-scrolling:touch}.switcher-tab-btn{min-width:min(84vw,360px);scroll-snap-align:start}.switcher-frame{min-height:clamp(420px,72vw,620px)}}@media screen and (max-width:749px){.switcher-section{width:calc(100% - 1rem);padding:.75rem;border-radius:1.65rem}.switcher-header{padding:1rem .75rem}.switcher-title{font-size:clamp(2.25rem,11vw,3.1rem);line-height:1}.switcher-intro{font-size:1rem;line-height:1.55}.switcher-layout{padding:.75rem;padding-top:0}.switcher-tab-btn{min-height:92px;min-width:82vw;padding:1rem}.tab-index{width:38px;height:38px}.switcher-frame{min-height:440px;border-radius:1.35rem}.image-text-overlay{border-radius:1rem}}@media screen and (max-width:480px){.switcher-frame{min-height:390px}.image-text-overlay{padding:.9rem}}@media(prefers-reduced-motion:reduce){.switcher-tab-btn,.tab-index,.switcher-image-slide{transition:none}.switcher-tab-btn:hover,.switcher-tab-btn:hover .tab-index{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-household-switcher.css.map */