:root{--primary-bg: #0c0c0c;--secondary-bg: #1a1a1a;--text-primary: #fafafa;--text-secondary: #b8b8b8;--text-tertiary: #ccc;--transition-duration: .4s}.pin-spacer:has(.product-showcase){max-width:100%;overflow-x:hidden!important;overflow-y:visible!important}.product-showcase{position:relative;height:100vh;width:100vw;overflow:hidden;isolation:isolate;background-color:#000}.product-showcase .content-container{position:relative;z-index:2;width:100%;max-width:1200px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;will-change:transform,opacity;transform:translateZ(0);margin:0 auto}.product-showcase .content-wrapper{height:100%;width:100%;position:relative;transform:translateZ(0)}.product-showcase .primary-text{position:absolute;bottom:calc(50% + 200px);left:20px;max-width:590px;min-height:200px;width:100%;opacity:1;transition:opacity var(--transition-duration);will-change:transform,opacity;z-index:99;backface-visibility:hidden}.product-showcase .primary-text h2{font-size:40px;font-weight:600;line-height:1.2;margin:0 0 24px;color:var(--text-primary);text-rendering:optimizeLegibility}.product-showcase .primary-text p{font-size:18px;font-weight:400;line-height:1.4;color:var(--text-tertiary);margin:0;text-rendering:optimizeLegibility}@media(max-width:1919.9px){.product-showcase .primary-text{bottom:calc(50% + 60px)}}@media screen and (max-width:768px){.product-showcase .primary-text{top:72px;left:0;max-width:100%;transform:translate(0);text-align:left;padding:0 24px}.product-showcase .primary-text h2{font-size:24px;margin-bottom:16px}.product-showcase .primary-text p{font-size:16px;margin-bottom:0}}.product-showcase .hero-image{position:absolute;top:0;left:calc(50% + 180px);width:100%;width:200px;height:100%;max-height:100vh;display:flex;align-items:center;overflow:hidden;z-index:10;transition:transform var(--transition-duration) ease-out;will-change:transform;transform:translateZ(0)}.product-showcase .hero-image:after{content:"";position:absolute;width:100%;height:25%;bottom:-1px;background:var(--bg);pointer-events:none}.product-showcase .hero-image img{width:100%;height:auto;object-fit:contain;transition:transform var(--transition-duration) ease;backface-visibility:hidden;transform:translateZ(0);image-rendering:-webkit-optimize-contrast}@media(max-width:1919.9px){.product-showcase .hero-image{width:160px}}@media screen and (max-width:768px){.product-showcase .hero-image{width:140px;left:calc(50% + 30px)}}.product-showcase .features-row{position:absolute;top:calc(50% - 48px);left:50%;transform:translate(calc(-100% - 20px));width:435px;height:auto;display:flex;align-items:center;justify-content:center;gap:155px;z-index:5;transition:opacity var(--transition-duration);will-change:transform,opacity;backface-visibility:hidden}.product-showcase .feature-card{width:100%;display:flex;flex-direction:column;gap:20px;transition:transform .3s ease;will-change:transform}.product-showcase .feature-card img{width:100%;height:auto;object-fit:contain;transition:all .3s ease;backface-visibility:hidden;transform:translateZ(0);image-rendering:-webkit-optimize-contrast}.product-showcase .feature-card p{font-size:20px;font-weight:500;line-height:1.2;color:var(--text-primary);text-align:center;text-rendering:optimizeLegibility;margin:0}@media(max-width:1919.9px){.product-showcase .features-row{width:310px;gap:110px;top:calc(50% + 56px);left:150px;transform:translate(0)}}@media screen and (max-width:768px){.product-showcase .features-row{width:170px;gap:30px;bottom:200px;left:50%;transform:translate(-100%)}.product-showcase .feature-card p{font-size:12px}}.product-showcase .feature-left,.product-showcase .feature-right{position:absolute;top:51%;width:auto;opacity:0;transform:translateY(20px);transition:all var(--transition-duration) ease;will-change:transform,opacity;backface-visibility:hidden}.product-showcase .feature-left{left:calc(50% - 500px)}.product-showcase .feature-right{right:calc(50% - 500px)}.product-showcase .feature-card-row{width:100%;display:flex;gap:65px;transform:translateZ(0)}.product-showcase .feature-card-row img{width:140px;height:auto;object-fit:contain;transition:transform var(--transition-duration) ease;opacity:0;transform:translateY(80px);backface-visibility:hidden;transform:translateZ(0);image-rendering:-webkit-optimize-contrast}.product-showcase .feature-left .feature-card-row img:last-child{margin-bottom:60px}.product-showcase .feature-right .feature-card-row img:first-child{margin-bottom:60px}@media(max-width:1919.9px){.product-showcase .feature-left{left:calc(50% - 420px)}.product-showcase .feature-right{right:calc(50% - 420px)}.product-showcase .feature-card-row{gap:78px}.product-showcase .feature-card-row img{width:100px}}@media screen and (max-width:768px){.product-showcase .feature-left{left:calc(50% - 170px);top:50%}.product-showcase .feature-right{right:calc(50% - 170px);top:50%}.product-showcase .feature-card-row{width:70px;flex-wrap:wrap;gap:24px}.product-showcase .feature-card-row img{width:100%}.product-showcase .feature-left .feature-card-row img:last-child{margin-bottom:0}.product-showcase .feature-right .feature-card-row img:first-child{margin-bottom:0}}.product-showcase .secondary-text{position:absolute;bottom:calc(50% + 300px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:24px;text-align:center;width:100%;opacity:0;z-index:99;transition:opacity var(--transition-duration);will-change:transform,opacity;backface-visibility:hidden}.product-showcase .secondary-text h2{font-size:40px;font-style:normal;font-weight:600;line-height:120%;color:var(--text-primary);margin:0;text-rendering:optimizeLegibility}.product-showcase .secondary-text p{font-size:18px;font-style:normal;font-weight:400;line-height:140%;color:var(--text-secondary);margin:0;text-rendering:optimizeLegibility}@media(max-width:1919.9px){.product-showcase .secondary-text{bottom:calc(50% + 160px)}}@media screen and (max-width:768px){.product-showcase .secondary-text{top:72px;gap:16px;padding:24px}.product-showcase .secondary-text h2{font-size:24px}.product-showcase .secondary-text p{font-size:16px}}.product-showcase .background-circle{position:absolute;top:100%;left:50%;transform:translate(-50%);width:140%;height:180%;border-radius:50%;background:#3d3d3d;z-index:-1;transition:var(--transition-duration) ease-out;will-change:transform;backface-visibility:hidden;display:block}@media screen and (max-width:768px){.product-showcase .background-circle{width:400%}}@supports (-webkit-appearance: none){.product-showcase .secondary-text{bottom:calc(50% + 230px)}.product-showcase .primary-text{position:absolute;bottom:calc(50% + 140px)}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/electric-toothbrush-product-showcase.css.map */