.screenprint-quality-section{position:relative;z-index:2;overflow:hidden;margin-top:-1px;background:#1a1a1a}.screenprint-quality-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 20%,rgba(255,191,0,.04) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(255,215,0,.03) 0%,transparent 50%),linear-gradient(135deg,rgba(255,191,0,.01) 0%,transparent 100%);pointer-events:none}.screenprint-quality-section.has-padding{padding-top:calc(var(--padding-top, 60px) * .75);padding-bottom:calc(var(--padding-bottom, 60px) * .75)}@media screen and (min-width: 750px){.screenprint-quality-section.has-padding{padding-top:var(--padding-top, 60px);padding-bottom:var(--padding-bottom, 60px)}}.screenprint-quality__container{position:relative;z-index:2}.screenprint-quality__header{text-align:center;margin-bottom:clamp(3rem,6vw,5rem)}.screenprint-quality__heading{font-family:var(--font-heading-family);font-size:clamp(2rem,5vw,3.5rem);font-weight:var(--font-heading-weight);color:#fff;margin-bottom:1rem;line-height:1.2}.screenprint-quality__subheading{font-family:var(--font-body-family);font-size:clamp(1rem,2.5vw,1.25rem);color:#fffc;max-width:600px;margin:0 auto;line-height:1.6}.screenprint-quality__content-grid{display:grid;grid-template-columns:1fr;gap:clamp(3rem,6vw,5rem);align-items:start}@media screen and (min-width: 990px){.screenprint-quality__content-grid{grid-template-columns:1.2fr 1fr}}.screenprint-quality__slider-column{position:relative}.comparison-slider__container{position:relative;width:100%;aspect-ratio:4/3;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #0000004d,0 0 0 1px #ffbf001a;cursor:grab}.comparison-slider__container:active{cursor:grabbing}.comparison-slider__before,.comparison-slider__after{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.comparison-slider__after{clip-path:inset(0 50% 0 0);transition:clip-path .3s ease;z-index:2}.comparison-slider__image{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease}.comparison-slider__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:#ffffff0d;border:2px dashed rgba(255,255,255,.2)}.comparison-slider__placeholder .placeholder-svg{width:80px;height:80px;opacity:.3;margin-bottom:1rem}.placeholder-text{color:#fff9;font-size:.9rem}.comparison-slider__label{position:absolute;z-index:100;bottom:1rem;display:flex;flex-direction:column;align-items:center;min-width:120px;padding:.75rem 1.25rem;border-radius:25px;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.85rem;line-height:1.2;pointer-events:none}.comparison-slider__label--before{left:1rem;bottom:auto;top:1rem}.comparison-slider__label--after{right:1rem;bottom:1rem;top:auto;left:auto}.comparison-slider__label--premium{background:linear-gradient(135deg,#ffbf0026,#ffd7001a);border:2px solid #ffbf00;box-shadow:0 0 20px #ffbf004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.comparison-slider__label--premium .label-text{color:#ffbf00;font-weight:var(--font-heading-weight)}.comparison-slider__label--premium .label-quality{color:gold}.label-text{color:#fff;font-weight:var(--font-heading-weight);font-family:var(--font-heading-family)}.label-quality{color:#ffffffb3;font-size:.75rem;font-family:var(--font-body-family)}.comparison-slider__handle{position:absolute;z-index:10;top:0;left:50%;width:4px;height:100%;transform:translate(-50%);pointer-events:none}.slider-handle__line{position:absolute;top:0;left:50%;width:2px;height:100%;background:#ffbf00;transform:translate(-50%);box-shadow:0 0 10px #ffbf0080}.slider-handle__circle{position:absolute;top:50%;left:50%;width:48px;height:48px;background:#ffbf00;border:3px solid #ffffff;border-radius:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #ffbf0066;transition:transform .2s ease}.slider-handle__circle:hover{transform:translate(-50%,-50%) scale(1.1)}.slider-handle__circle svg{color:#1a1a1a}.comparison-slider__instructions{display:flex;align-items:center;justify-content:center;margin-top:1rem;gap:.5rem;color:#fff9;font-size:.9rem}.drag-icon{opacity:.8}.comparison-hotspots{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.hotspot{position:absolute;z-index:5;width:24px;height:24px;pointer-events:all;cursor:pointer}.hotspot__pulse{position:absolute;top:50%;left:50%;width:12px;height:12px;background:#ffbf00;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 #ffbf00b3;animation:hotspot-pulse 2s infinite}.hotspot--dtg .hotspot__pulse{background:#ff6b6b;box-shadow:0 0 #ff6b6bb3}@keyframes hotspot-pulse{0%{box-shadow:0 0 #ffbf00b3}70%{box-shadow:0 0 0 10px #ffbf0000}to{box-shadow:0 0 #ffbf0000}}.hotspot__tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.75rem 1rem;border-radius:8px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s ease;pointer-events:none;margin-bottom:8px;border:1px solid rgba(255,191,0,.2)}.hotspot__tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#000000e6}.hotspot:hover .hotspot__tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(-4px)}.hotspot__tooltip h4{color:#ffbf00;font-size:.85rem;font-weight:600;margin:0 0 .25rem}.hotspot__tooltip p{color:#ffffffe6;font-size:.75rem;margin:0;line-height:1.3}.screenprint-quality__metrics-column{display:flex;flex-direction:column;gap:clamp(2rem,4vw,3rem)}.screenprint-quality__metrics{background:#ffffff08;border:1px solid rgba(255,191,0,.1);border-radius:12px;padding:clamp(1.5rem,3vw,2rem);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.metrics__title{color:#ffbf00;font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:var(--font-heading-weight);margin-bottom:1.5rem;text-align:center;font-family:var(--font-heading-family)}.metrics__grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media screen and (min-width: 550px){.metrics__grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.metric-item{background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1.25rem;text-align:center;transition:transform .3s ease,border-color .3s ease;opacity:1}.metric-item:hover{transform:translateY(-4px);border-color:#ffbf004d}.metric-item__icon{margin-bottom:1rem;color:#ffbf00;width:48px;height:48px;display:flex;align-items:center;justify-content:center;margin-left:auto;margin-right:auto}.metric-item__icon svg{width:100%;height:100%;max-width:32px;max-height:32px}.metric-item__value{display:flex;align-items:baseline;justify-content:center;gap:.25rem;margin-bottom:.5rem}.metric-number{font-size:clamp(2rem,4vw,2.5rem);font-weight:var(--font-heading-weight);color:#fff;line-height:1;font-family:var(--font-heading-family)}.metric-unit{font-size:1.25rem;color:#ffbf00;font-weight:var(--font-heading-weight);font-family:var(--font-heading-family)}.metric-item__title{color:#fff;font-size:1rem;font-weight:var(--font-heading-weight);margin-bottom:.5rem;font-family:var(--font-heading-family)}.metric-item__description{color:#ffffffb3;font-size:.85rem;line-height:1.4;margin-bottom:1rem;font-family:var(--font-body-family)}.metric-item__progress{margin-top:1rem}.progress-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#ffbf00,gold);border-radius:4px;width:0%;transition:width 1.5s ease-in-out;display:block}.screenprint-quality__cta{text-align:center;margin-top:clamp(3rem,6vw,4rem)}.screenprint-quality__cta .button{background:linear-gradient(135deg,#ffbf00,gold);color:#1a1a1a;font-weight:700;padding:clamp(.75rem,2vw,1rem) clamp(2rem,4vw,3rem);border-radius:50px;font-size:clamp(1rem,2vw,1.125rem);transition:all .3s ease;text-decoration:none;display:inline-block;box-shadow:0 4px 15px #ffbf004d}.screenprint-quality__cta .button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ffbf0066}@media screen and (max-width: 749px){.comparison-slider__container{aspect-ratio:3/4}.comparison-slider__label{font-size:.75rem;padding:.5rem .75rem;min-width:100px}.comparison-slider__label--before{top:.5rem;left:.5rem}.comparison-slider__label--after{bottom:.5rem;right:.5rem}.hotspot__tooltip{position:fixed;bottom:20px;left:20px;right:20px;transform:none;white-space:normal;max-width:none}.hotspot__tooltip:after{display:none}}@media (hover: none) and (pointer: coarse){.hotspot__tooltip{opacity:0;visibility:hidden;transform:translate(-50%)}.hotspot.active .hotspot__tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(-4px)}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/product-screenprint-quality.css.map */