@import"https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700;800&family=Inter:ital,wght@0,400;0,500;0,600;0,700;1,500&display=swap";.spotify-landing{--spotify-bg: #FAFAF7;--spotify-mint: #EAF7EE;--spotify-mint-deep: #D9F0E1;--spotify-green: #1DB954;--spotify-green-dark: #169C46;--spotify-ink: #1A2E1F;--spotify-ink-soft: #5B6760;--spotify-line: #E1E6E0;--spotify-white: #FFFFFF;background:linear-gradient(180deg,var(--spotify-bg) 0%,var(--spotify-mint) 100%);color:var(--spotify-ink);font-family:Inter,sans-serif;padding:56px 0 72px}.spotify-landing__wrap{max-width:1180px}.spotify-landing__grid{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:start}.spotify-landing__gallery{position:sticky;top:24px}.spotify-frame{position:relative;background:var(--spotify-white);border-radius:18px;padding:22px;box-shadow:0 1px #1a2e1f0a,0 24px 48px -20px #1a2e1f29;border:1px solid var(--spotify-line)}.spotify-frame__eq{position:absolute;top:-11px;left:50%;transform:translate(-50%);display:flex;align-items:flex-end;gap:3px;height:22px;z-index:2}.spotify-frame__eq span{display:block;width:4px;background:var(--spotify-green);border-radius:2px;box-shadow:0 2px 6px #1db95466;animation:spotify-eq-bounce 1.1s ease-in-out infinite}.spotify-frame__eq span:nth-child(1){height:8px;animation-delay:-.9s}.spotify-frame__eq span:nth-child(2){height:16px;animation-delay:-.6s}.spotify-frame__eq span:nth-child(3){height:22px;animation-delay:-.3s}.spotify-frame__eq span:nth-child(4){height:14px;animation-delay:-.15s}.spotify-frame__eq span:nth-child(5){height:9px;animation-delay:0s}@keyframes spotify-eq-bounce{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.spotify-frame__media{border-radius:10px;overflow:hidden;background:var(--spotify-mint-deep);position:relative}.spotify-frame__img{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover}.spotify-frame__play{position:absolute;bottom:14px;right:14px;width:44px;height:44px;background:var(--spotify-green);color:var(--spotify-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;box-shadow:0 8px 20px -4px #1db9548c}.spotify-frame__badge{position:absolute;top:18px;right:4px;background:var(--spotify-green);color:var(--spotify-white);font-family:Poppins,sans-serif;font-weight:700;font-size:13px;letter-spacing:.02em;padding:7px 14px 7px 16px;border-radius:999px 0 0 999px;box-shadow:0 6px 14px -4px #1db95480}.spotify-thumbs{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}.spotify-thumbs__item{width:64px;height:64px;border-radius:10px;border:2px solid transparent;background:var(--spotify-white);padding:3px;cursor:pointer;overflow:hidden;transition:border-color .15s ease,transform .15s ease}.spotify-thumbs__item img{width:100%;height:100%;object-fit:cover;border-radius:7px}.spotify-thumbs__item:hover{transform:translateY(-2px)}.spotify-thumbs__item.is-active{border-color:var(--spotify-green)}.spotify-eyebrow{display:flex;align-items:center;gap:7px;font-family:Poppins,sans-serif;font-weight:700;font-size:13.5px;color:var(--spotify-green-dark);text-transform:uppercase;letter-spacing:.05em;margin:0 0 10px}.spotify-eyebrow__icon{flex-shrink:0}.spotify-title{font-family:Poppins,sans-serif;font-weight:800;font-size:clamp(28px,3.4vw,40px);line-height:1.1;margin:0 0 12px;color:var(--spotify-ink)}.spotify-tagline{font-size:14.5px;color:var(--spotify-ink-soft);line-height:1.55;margin:0 0 18px}.spotify-rating{display:flex;align-items:center;gap:10px;margin-bottom:18px}.spotify-rating__stars{color:var(--spotify-green);letter-spacing:2px;font-size:16px}.spotify-rating__text{font-size:14px;color:var(--spotify-ink-soft);font-weight:600}.spotify-price-block{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:4px}.spotify-price{font-family:Poppins,sans-serif;font-weight:800;font-size:34px;color:var(--spotify-green-dark)}.spotify-price--compare{font-size:18px;color:var(--spotify-ink-soft);text-decoration:line-through;font-weight:600}.spotify-price__save{background:var(--spotify-mint-deep);color:var(--spotify-green-dark);font-size:12.5px;font-weight:700;padding:4px 10px;border-radius:999px}.spotify-price__tax{font-size:13px;color:var(--spotify-ink-soft);margin:0 0 16px}.spotify-price__tax a{color:var(--spotify-green-dark)}.spotify-bulk-pill{display:inline-block;background:var(--spotify-mint-deep);color:var(--spotify-green-dark);font-weight:700;font-size:13.5px;padding:7px 14px;border-radius:999px;margin-bottom:18px;border:1px solid rgba(29,185,84,.25)}.spotify-description{font-size:16px;line-height:1.6;color:var(--spotify-ink-soft);margin-bottom:24px}.spotify-form{margin-bottom:28px}.spotify-design-picker{margin-bottom:22px}.spotify-design-picker__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px}.spotify-design-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--spotify-white);border:2px solid var(--spotify-line);border-radius:14px;padding:8px 6px 10px;cursor:pointer;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.spotify-design-card:hover{transform:translateY(-2px);border-color:var(--spotify-green)}.spotify-design-card.is-selected{border-color:var(--spotify-green);box-shadow:0 8px 18px -8px #1db95466}.spotify-design-card img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:9px;background:var(--spotify-mint-deep)}.spotify-design-card__label{font-family:Inter,sans-serif;font-weight:700;font-size:12.5px;color:var(--spotify-ink);text-align:center;line-height:1.2}.spotify-design-card__check{position:absolute;top:6px;right:6px;width:20px;height:20px;background:var(--spotify-green);color:var(--spotify-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;opacity:0;transform:scale(.7);transition:opacity .15s ease,transform .15s ease}.spotify-design-card.is-selected .spotify-design-card__check{opacity:1;transform:scale(1)}.spotify-option{margin-bottom:18px}.spotify-option__label{display:block;font-family:Poppins,sans-serif;font-weight:700;font-size:14px;margin-bottom:8px;color:var(--spotify-ink)}.spotify-option__values{display:flex;gap:8px;flex-wrap:wrap}.spotify-option__pill{font-family:Inter,sans-serif;font-weight:700;font-size:14px;background:var(--spotify-white);border:2px solid var(--spotify-line);color:var(--spotify-ink);border-radius:999px;padding:9px 18px;cursor:pointer;transition:all .15s ease}.spotify-option__pill:hover{border-color:var(--spotify-green)}.spotify-option__pill.is-selected{background:var(--spotify-ink);border-color:var(--spotify-ink);color:var(--spotify-white)}.spotify-buybox{display:flex;gap:12px;margin-bottom:12px}.spotify-quantity{display:flex;align-items:center;background:var(--spotify-white);border:2px solid var(--spotify-line);border-radius:999px;overflow:hidden;flex-shrink:0}.spotify-quantity__btn{width:40px;height:52px;background:transparent;border:none;font-size:18px;font-weight:700;color:var(--spotify-ink);cursor:pointer}.spotify-quantity__btn:hover{background:var(--spotify-mint)}.spotify-quantity__input{width:36px;height:52px;border:none;text-align:center;font-weight:700;font-size:15px;background:transparent;color:var(--spotify-ink);-moz-appearance:textfield}.spotify-quantity__input::-webkit-outer-spin-button,.spotify-quantity__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.spotify-add-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;height:52px;background:var(--spotify-green);color:var(--spotify-white);border:none;border-radius:999px;font-family:Poppins,sans-serif;font-weight:700;font-size:16px;cursor:pointer;box-shadow:0 10px 22px -8px #1db95480;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.spotify-add-btn:hover{transform:translateY(-1px);background:var(--spotify-green-dark);box-shadow:0 14px 26px -8px #1db9548c}.spotify-add-btn:disabled{background:var(--spotify-ink-soft);box-shadow:none;cursor:not-allowed;opacity:.6}.spotify-add-btn__icon{font-size:17px}.spotify-recap-price{text-align:center;font-size:14px;color:var(--spotify-ink-soft);font-weight:600;margin:0 0 14px}.spotify-recap-price__amount{font-family:Poppins,sans-serif;font-weight:800;font-size:19px;color:var(--spotify-green-dark);margin-left:4px}.spotify-whatsapp-btn{display:flex;align-items:center;justify-content:center;gap:8px;height:48px;width:100%;background:var(--spotify-mint);color:var(--spotify-green-dark);text-decoration:none;border-radius:999px;font-weight:700;font-size:14.5px;margin-bottom:8px;transition:background .15s ease}.spotify-whatsapp-btn:hover{background:var(--spotify-mint-deep)}.spotify-tagcard-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;list-style:none;margin:28px 0;padding:0}.spotify-tagcard{position:relative;background:var(--spotify-white);border:1px solid var(--spotify-line);border-radius:12px;padding:16px 10px 12px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}.spotify-tagcard__icon{font-size:22px;margin-bottom:2px}.spotify-tagcard__title{font-family:Poppins,sans-serif;font-weight:700;font-size:13px;color:var(--spotify-ink);line-height:1.2}.spotify-tagcard__text{font-size:11.5px;color:var(--spotify-ink-soft);line-height:1.3}.spotify-payments{background:var(--spotify-white);border-radius:14px;padding:18px 20px;margin-bottom:24px;border:1px solid var(--spotify-line)}.spotify-payments__label{font-family:Poppins,sans-serif;font-weight:700;font-size:14px;margin:0 0 12px}.spotify-payments__row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.spotify-payment-chip{display:flex;align-items:center;gap:7px;background:var(--spotify-mint);color:var(--spotify-ink);font-weight:700;font-size:13px;padding:8px 12px;border-radius:10px}.spotify-payment-chip svg{color:var(--spotify-green-dark);flex-shrink:0}.spotify-payments__note{font-size:12.5px;color:var(--spotify-ink-soft);margin:0}.spotify-accordions{border-top:1px solid var(--spotify-line)}.spotify-accordion{border-bottom:1px solid var(--spotify-line)}.spotify-accordion summary{font-family:Poppins,sans-serif;font-weight:700;font-size:15px;padding:16px 4px;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;color:var(--spotify-ink)}.spotify-accordion summary::-webkit-details-marker{display:none}.spotify-accordion summary:after{content:"+";font-size:20px;font-weight:400;color:var(--spotify-green-dark);transition:transform .2s ease}.spotify-accordion[open] summary:after{content:"\2212"}.spotify-accordion__content{padding:0 4px 18px;font-size:14.5px;color:var(--spotify-ink-soft);line-height:1.7}.spotify-accordion__content ul{margin:0;padding-left:20px}.spotify-accordion__content li{margin-bottom:6px}.spotify-accordion__content strong{color:var(--spotify-ink)}@media screen and (max-width:990px){.spotify-landing__grid{grid-template-columns:1fr;gap:32px}.spotify-landing__gallery{position:static}}@media screen and (max-width:600px){.spotify-landing{padding:32px 0 48px}.spotify-tagcard-row{grid-template-columns:1fr;gap:8px}.spotify-buybox{flex-direction:column}.spotify-quantity{justify-content:center}.spotify-title{font-size:25px}}@media screen and (max-width:380px){.spotify-design-picker__grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:7px}.spotify-design-card__label{font-size:11px}}.spotify-option__pill:focus-visible,.spotify-add-btn:focus-visible,.spotify-whatsapp-btn:focus-visible,.spotify-quantity__btn:focus-visible,.spotify-design-card:focus-visible,.spotify-thumbs__item:focus-visible{outline:3px solid var(--spotify-green);outline-offset:2px}@media(prefers-reduced-motion:reduce){.spotify-add-btn,.spotify-thumbs__item,.spotify-option__pill,.spotify-design-card,.spotify-frame__eq span{transition:none;animation:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/spotify.css.map */