.pick-a-color{padding:80px 20px;color:#fff;font-family:Clarity City,sans-serif;overflow:hidden;position:relative}.pick-a-color:before{content:"";position:absolute;top:10%;left:50%;transform:translate(-50%);width:80%;height:60%;background:radial-gradient(circle,#b27e1726,#0000 70%);z-index:1;pointer-events:none}.pick-a-color__container{max-width:1240px;margin:0 auto;position:relative;z-index:2}.pick-a-color__header{text-align:center;margin-bottom:60px}.pick-a-color__badge{display:block;font-size:clamp(14px,2vw,20px);font-weight:900;letter-spacing:.05em;text-transform:uppercase;margin-bottom:12px;color:#fff;font-style:italic}.pick-a-color__title{font-size:clamp(34px,5.5vw,63px);font-weight:900;letter-spacing:-.01em;margin:0 0 20px;text-transform:uppercase;font-style:italic;line-height:.95}.gradient-text{background:linear-gradient(89.83deg,red -8.3%,#ffb300 13.09%,#ff9452 69.86%,red 119.22%),#fff;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pick-a-color__description{font-size:clamp(18px,1.6vw,24px);font-weight:600;line-height:1.5;color:#fff;max-width:1000px;margin:0 auto;font-style:italic;text-align:center;text-transform:capitalize}.pick-a-color__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:50px}.pick-a-color__card{position:relative;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:all .4s cubic-bezier(.165,.84,.44,1);background:#0d0d0d;border:2px solid transparent;background:linear-gradient(#0d0d0d,#0d0d0d) padding-box,linear-gradient(135deg,#ff1a0066,#ffb20066) border-box}.pick-a-color__card:hover{transform:translateY(-8px);background:linear-gradient(#0f0f0f,#0f0f0f) padding-box,linear-gradient(135deg,#ff1a00,#ffb200) border-box;box-shadow:0 12px 30px #ff7b0033}.pick-a-color__card.is-active{background:linear-gradient(#0a0a0a,#0a0a0a) padding-box,linear-gradient(135deg,#ff1a00,#ffb200) border-box;box-shadow:0 0 25px #ffb20059}.pick-a-color__card-media{position:relative;width:100%;padding-top:114%;overflow:hidden}.pick-a-color__card-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.pick-a-color__card:hover .pick-a-color__card-image{transform:scale(1.04)}.pick-a-color__card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#000000b3,#0003 30%,#000c);pointer-events:none}.pick-a-color__card-header-overlay{position:absolute;top:16px;left:0;width:100%;padding:0 16px;text-align:center;z-index:3}.pick-a-color__card-title{font-size:clamp(14px,1.8vw,20px);font-weight:900;text-transform:uppercase;margin:0 0 4px;font-style:italic;letter-spacing:-.01em;color:#fff}.pick-a-color__card-sub{font-size:clamp(13px,1.2vw,16px);font-weight:900;text-transform:uppercase;background:linear-gradient(89.83deg,red -8.3%,#ffb300 13.09%,#ff9452 69.86%,red 119.22%),#fff;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.05em;font-style:italic}.pick-a-color__card-btn-container{position:absolute;bottom:16px;left:16px;right:16px;z-index:3}.gradient-btn{background:linear-gradient(90deg,#ff7b00,#ffb200,#ff3c00);background-size:200% auto;color:#fff;border:none;font-weight:900;text-transform:uppercase;font-style:italic;cursor:pointer;transition:all .3s ease}.gradient-btn:hover{background-position:right center;box-shadow:0 4px 15px #ff7b0066}.pick-a-color__card-button{padding:8px 10px;border-radius:0;font-size:16px;width:100%;letter-spacing:.05em}.pick-a-color__wheel-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4;pointer-events:none}.pick-a-color__color-wheel-wrapper{width:64px;height:64px;border-radius:50%;background:#0006;padding:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 0 15px #ffb2004d}.pick-a-color__color-wheel-img{width:100%;height:100%;object-fit:contain;animation:wheelRotate 20s linear infinite}@keyframes wheelRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pick-a-color__card-features{position:absolute;bottom:64px;left:12px;right:12px;display:flex;justify-content:space-between;background:#000000b3;padding:6px 4px;border-radius:6px;border:1px solid rgba(255,255,255,.1);z-index:4}.pick-a-color__feature-item{display:flex;flex-direction:column;align-items:center;flex:1}.pick-a-color__feature-icon{font-size:12px;margin-bottom:2px}.pick-a-color__feature-label{font-size:11px;font-weight:600;color:#fff;font-style:italic}.pick-a-color__features-row{display:flex;justify-content:space-around;padding:0;margin-bottom:30px;gap:20px;flex-wrap:wrap}.pick-a-color__row-feature{display:flex;align-items:center;gap:12px;flex:1;max-width:180px;flex-direction:column}.pick-a-color__row-feature-icon{font-size:24px;flex-shrink:0;height:30px}.pick-a-color__row-feature-content{text-align:center}.pick-a-color__row-feature-content h4{font-size:18px;font-weight:900;margin:0 0 2px;text-transform:uppercase;font-style:italic;color:#fff;text-align:center}.pick-a-color__row-feature-content div{font-size:14px;font-weight:700;color:#fff;font-style:italic;line-height:20px}.pick-a-color__footer{display:flex;justify-content:space-between;align-items:center;padding:10px 0;gap:30px}.pick-a-color__footer-left{text-align:left}.pick-a-color__footer-badge{font-size:clamp(20px,3.2vw,32px);font-weight:900;text-transform:uppercase;font-style:italic;margin:0 0 6px;letter-spacing:-.01em}.pick-a-color__footer-desc{font-size:clamp(13px,1.6vw,16px);font-weight:600;color:#fff;font-style:italic;margin:0}.pick-a-color__cta-button{display:inline-block;padding:12px 44px;font-size:20px;font-weight:900;text-transform:uppercase;font-style:italic;text-decoration:none;letter-spacing:.05em;box-shadow:0 8px 30px #ff7b0059;border:1px solid rgba(255,255,255,.15);background:linear-gradient(89.83deg,red -8.3%,#ffb300 13.09%,#ff9452 69.86%,red 119.22%)}.pick-a-color__cta-button:hover{transform:translateY(-3px);box-shadow:0 12px 40px #ff7b0080}@media(max-width:1024px){.pick-a-color__grid{grid-template-columns:repeat(2,1fr)}.pick-a-color__features-row{display:grid;grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.pick-a-color{padding:50px 15px}.pick-a-color__grid{grid-template-columns:repeat(2,1fr);gap:20px}.pick-a-color__features-row{grid-template-columns:repeat(2,1fr);padding:30px 0}.pick-a-color__footer{flex-direction:column;text-align:center;gap:20px}.pick-a-color__footer-left{text-align:center}.pick-a-color__cta-button{width:100%;text-align:center;box-sizing:border-box}}@media(max-width:480px){.pick-a-color__features-row{grid-template-columns:1fr}.pick-a-color__grid{grid-template-columns:repeat(2,1fr);gap:10px}.feature-icon{padding-top:0;grid-template-columns:repeat(2,1fr)}.pick-a-color__features-row .pick-a-color__row-feature:nth-last-child(1){grid-column:1 / 3;max-width:100%}.pick-a-color__card-button{font-size:11px}.pick-a-color__card-features{display:none}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/section-pick-a-color.css.map */