.pc-case-showcase{--case-accent: #2c7be5;--case-accent-hover: #1a68d1;--case-border: rgba(128, 128, 128, .2);--case-bg-subtle: rgba(128, 128, 128, .06);--case-card-bg: rgba(128, 128, 128, .05);--case-card-border: rgba(128, 128, 128, .12);--case-radius: 8px}.pc-case-showcase__heading{font-size:2.4rem;font-weight:700;text-align:center;margin-bottom:2.4rem;letter-spacing:.02em}.pc-case-showcase.js-animate .pc-case-tabs,.pc-case-showcase.js-animate .pc-case-panel.active .pc-case-gallery,.pc-case-showcase.js-animate .pc-case-panel.active .pc-case-info{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}.pc-case-showcase.js-animate .pc-case-panel.active .pc-case-info{transition-delay:.15s}.pc-case-showcase.js-animate.is-visible .pc-case-tabs,.pc-case-showcase.js-animate.is-visible .pc-case-panel.active .pc-case-gallery,.pc-case-showcase.js-animate.is-visible .pc-case-panel.active .pc-case-info{opacity:1;transform:translateY(0)}.pc-case-tabs{display:flex;gap:0;border-bottom:2px solid var(--case-border);margin-bottom:2.8rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.pc-case-tabs::-webkit-scrollbar{display:none}.pc-case-tab{flex:0 0 auto;padding:1rem 2rem;border:none;background:none;font-size:1.4rem;font-weight:600;color:rgba(var(--color-foreground),.55);cursor:pointer;white-space:nowrap;position:relative;transition:color .25s ease,background .25s ease;border-radius:var(--case-radius) var(--case-radius) 0 0}.pc-case-tab:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:transparent;transition:background .25s ease}.pc-case-tab:hover{color:rgba(var(--color-foreground),.85);background:var(--case-bg-subtle)}.pc-case-tab.active{color:rgb(var(--color-foreground))}.pc-case-tab.active:after{background:var(--case-accent)}.pc-case-tab__option-badge{display:inline-block;font-size:1.1rem;font-weight:400;color:rgba(var(--color-foreground),.45);margin-left:.4rem}.pc-case-panel{display:none;opacity:0;transition:opacity .3s ease}.pc-case-panel.active{display:block;opacity:1}.pc-case-layout{display:grid;grid-template-columns:1fr 1fr;gap:3.2rem;align-items:start}.pc-case-gallery{position:sticky;top:2rem}.pc-case-main-img{width:100%;aspect-ratio:4 / 3;object-fit:contain;border-radius:var(--case-radius);background:var(--case-bg-subtle);margin-bottom:1.2rem;transition:opacity .25s ease}.pc-case-thumbs{display:flex;gap:.8rem}.pc-case-thumb{width:72px;height:72px;object-fit:contain;border-radius:6px;border:2px solid transparent;background:var(--case-bg-subtle);cursor:pointer;opacity:.6;transition:opacity .2s ease,border-color .2s ease,transform .2s ease}.pc-case-thumb:hover{opacity:.85;transform:scale(1.05)}.pc-case-thumb.active{border-color:var(--case-accent);opacity:1}.pc-case-info__name{font-size:2rem;font-weight:700;margin-bottom:.4rem;letter-spacing:.01em}.pc-case-info__maker{font-size:1.3rem;color:rgba(var(--color-foreground),.5);margin-bottom:2rem}.pc-case-features-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2.4rem}.pc-case-feature-card{padding:1.4rem;border-radius:var(--case-radius);background:var(--case-card-bg);border:1px solid var(--case-card-border);transition:transform .2s ease,box-shadow .2s ease}.pc-case-feature-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.pc-case-feature-card__icon{width:28px;height:28px;color:var(--case-accent);margin-bottom:.6rem}.pc-case-feature-card__title{display:block;font-size:1.35rem;font-weight:600;margin-bottom:.3rem;line-height:1.3}.pc-case-feature-card__desc{display:block;font-size:1.2rem;color:rgba(var(--color-foreground),.6);line-height:1.4}.pc-case-features{list-style:none;padding:0;margin:0 0 2.4rem;display:flex;flex-direction:column;gap:1.2rem}.pc-case-feature{display:flex;align-items:flex-start;gap:1rem;font-size:1.4rem;line-height:1.5}.pc-case-feature__icon{flex-shrink:0;width:22px;height:22px;color:var(--case-accent);margin-top:.1rem}.pc-case-feature__text strong{display:block;font-weight:600;margin-bottom:.1rem}.pc-case-feature__text span{color:rgba(var(--color-foreground),.65);font-size:1.3rem}.pc-case-specs{width:100%;border-collapse:collapse;font-size:1.35rem}.pc-case-specs caption{font-size:1.5rem;font-weight:600;text-align:left;padding-bottom:1rem;border-bottom:2px solid var(--case-border);margin-bottom:0}.pc-case-specs tr{border-bottom:1px solid var(--case-border)}.pc-case-specs th{text-align:left;font-weight:600;white-space:nowrap;width:35%;color:rgba(var(--color-foreground),.7);border-left:3px solid transparent;padding:.9rem 1.2rem .9rem .8rem}.pc-case-specs tr:hover th{border-left-color:var(--case-accent)}.pc-case-specs td{padding:.9rem 0}@media screen and (max-width:749px){.pc-case-showcase__heading{font-size:1.8rem;margin-bottom:1.6rem}.pc-case-layout{grid-template-columns:1fr;gap:1.2rem}.pc-case-main-img{aspect-ratio:auto;max-height:300px}.pc-case-gallery{position:static}.pc-case-tab{padding:.8rem 1.2rem;font-size:1.2rem}.pc-case-tabs{margin-bottom:1.6rem}.pc-case-thumb{width:56px;height:56px}.pc-case-info__name{font-size:1.6rem}.pc-case-info__maker{margin-bottom:1.2rem}.pc-case-feature-card{padding:1rem}.pc-case-features-grid{gap:.8rem;margin-bottom:1.6rem}.pc-case-specs th,.pc-case-specs td{padding:.7rem .8rem .7rem 0}.pc-case-features-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/pc-case-showcase.css.map */