.looptech-product-section{--looptech-blue: #2563eb;--looptech-blue-hover: #1d4ed8;--looptech-text: #181d23;--looptech-text-muted: #6b7280;--looptech-border: #e5e7eb;--looptech-bg: #ffffff;--looptech-bg-subtle: #f9fafb;--looptech-star: #fbbf24;--looptech-radius: 8px;--looptech-radius-lg: 12px;--looptech-shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--looptech-shadow-md: 0 4px 6px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .06)}.looptech-product{width:100%}.looptech-product__grid{display:grid;grid-template-columns:1fr;gap:2rem}@media screen and (min-width:1024px){.looptech-product__grid{grid-template-columns:1fr 1fr;gap:3rem}}@media screen and (min-width:1200px){.looptech-product__grid{grid-template-columns:55% 45%;gap:4rem}}.looptech-product__media-column,.looptech-product__info-column{position:relative}.looptech-product__sticky{position:sticky;top:2rem}.looptech-product__info-container{display:flex;flex-direction:column;gap:1.5rem}.looptech-gallery{display:flex;flex-direction:column;gap:1rem}.looptech-gallery__container{display:flex;gap:10rem}.looptech-gallery__thumbnails{flex-shrink:0;width:70px;order:-1}.looptech-gallery__thumbnails-scroll{display:flex;flex-direction:column;gap:.5rem;max-height:500px;max-width:60px;overflow-y:auto;scrollbar-width:thin}.looptech-gallery__thumbnail{width:60px;height:60px;padding:2;border:1.5px solid transparent;border-radius:var(--looptech-radius);overflow:hidden;cursor:pointer;background:var(--looptech-bg);transition:border-color .2s ease,transform .2s ease}.looptech-gallery__thumbnail:hover{border-color:var(--looptech-border);transform:scale(1.02)}.looptech-gallery__thumbnail--active{border-color:var(--looptech-blue)}.looptech-gallery__thumbnail img{width:100%;height:100%;object-fit:cover}.looptech-gallery__thumbnail-video{position:relative;width:100%;height:100%}.looptech-gallery__play-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000004d;color:#fff}.looptech-gallery__main{flex:1;min-width:0}.looptech-gallery__main-wrapper{position:relative;background:var(--looptech-bg-subtle);border-radius:var(--looptech-radius-lg);overflow:hidden}.looptech-gallery__slide{display:none}.looptech-gallery__slide--active{display:block}.looptech-gallery__image-wrapper{position:relative;aspect-ratio:1;display:flex;width:75%;align-items:center;justify-content:center}.looptech-gallery__image{width:100%;height:100%;object-fit:contain}.looptech-gallery__image--zoomable{cursor:zoom-in}.looptech-gallery__zoom-trigger{position:absolute;bottom:1rem;right:1rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--looptech-bg);border:1px solid var(--looptech-border);border-radius:50%;cursor:pointer;opacity:0;transition:opacity .2s ease}.looptech-gallery__image-wrapper:hover .looptech-gallery__zoom-trigger{opacity:.1}.looptech-gallery__video{aspect-ratio:1/1}.looptech-gallery__video video,.looptech-gallery__video iframe{width:100%;height:100%;object-fit:cover}.looptech-gallery__empty{display:flex;align-items:center;justify-content:center;aspect-ratio:1;background:var(--looptech-bg-subtle, #f9fafb);border-radius:12px;color:var(--looptech-text-muted, #6b7280);font-size:.9375rem;text-align:center;padding:2rem}.looptech-gallery__swatches{margin-top:1rem}.looptech-gallery__swatches-row{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.looptech-gallery__swatch{display:block;width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),border-color .25s ease;box-shadow:inset 0 0 0 1px #0000001a;position:relative;text-decoration:none}.looptech-gallery__swatch:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid transparent;transition:border-color .25s ease,transform .25s ease;pointer-events:none}.looptech-gallery__swatch:hover{transform:scale(1.15);box-shadow:inset 0 0 0 1px #00000026,0 2px 8px #00000026}.looptech-gallery__swatch:focus-visible{outline:none}.looptech-gallery__swatch:focus-visible:after{border-color:var(--looptech-blue)}.looptech-gallery__swatch--selected{transform:scale(1.1);border-color:var(--looptech-blue);box-shadow:inset 0 0 0 1px #0000001a,0 0 0 2px var(--looptech-bg),0 0 0 4px var(--looptech-blue)}.looptech-gallery__swatch--selected:hover{transform:scale(1.15)}@keyframes looptech-swatch-pulse{0%{transform:scale(1.1)}50%{transform:scale(1.2)}to{transform:scale(1.1)}}.looptech-gallery__swatch--selected{animation:looptech-swatch-pulse .3s ease-out}@media screen and (max-width:749px){.looptech-gallery__container{flex-direction:column-reverse}.looptech-gallery__thumbnails{width:100%}.looptech-gallery__thumbnails-scroll{flex-direction:row;max-height:none;overflow-x:auto;padding-bottom:.5rem}.looptech-gallery__thumbnail{flex-shrink:0}}.looptech-info{display:flex;flex-direction:column;gap:1rem}.looptech-info__title{margin:0;font-size:1.75rem;font-weight:600;color:var(--looptech-text);line-height:1.2}@media screen and (min-width:750px){.looptech-info__title{font-size:2rem}}.looptech-info__rating{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.looptech-info__stars{display:flex;gap:2px}.looptech-info__star--filled,.looptech-info__star--partial{color:var(--looptech-star)}.looptech-info__star--empty{color:#e5e7eb}.looptech-info__rating-score{font-size:.999rem;font-weight:600;color:var(--looptech-text)}.looptech-info__rating-count{font-size:.875rem;color:var(--looptech-text-muted);text-decoration:underline;text-underline-offset:2px}.looptech-info__rating-count:hover{color:var(--looptech-text)}.looptech-info__price-block{display:flex;flex-direction:column;gap:.25rem}.looptech-info__price-row{display:flex;align-items:baseline;gap:.5rem}.looptech-info__price{font-size:1.75rem;font-weight:700;color:var(--looptech-text)}@media screen and (min-width:750px){.looptech-info__price{font-size:2rem}}.looptech-info__price-label{font-size:.775rem;color:var(--looptech-text-muted)}.looptech-info__compare-price{font-size:1.125rem;color:var(--looptech-text-muted);text-decoration:line-through}.looptech-info__variants{display:flex;flex-direction:column;gap:1.25rem;margin:.5rem 0}.looptech-info__option{display:flex;flex-direction:column;gap:.5rem}.looptech-info__option-label{font-size:.875rem;font-weight:600;color:var(--looptech-text)}.looptech-info__option-values{display:flex;flex-wrap:wrap;gap:.5rem}.looptech-info__option-value{display:inline-flex;cursor:pointer}.looptech-info__option-text{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.125rem;min-width:3.5rem;font-size:.9375rem;font-weight:500;color:var(--looptech-text);background:var(--looptech-bg);border:1px solid var(--looptech-border);border-radius:var(--looptech-radius);transition:all .2s ease}.looptech-info__option-value:hover .looptech-info__option-text{border-color:var(--looptech-text-muted)}.looptech-info__option-value--selected .looptech-info__option-text{background:var(--looptech-blue);border-color:var(--looptech-blue);color:#fff}.looptech-info__actions{margin-top:.5rem}.looptech-info__form-inner{display:flex;flex-direction:column;gap:1rem}.looptech-info__buttons{display:flex;gap:.75rem}.looptech-info__add-button{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;color:#fff;background:var(--looptech-blue);border:none;border-radius:50px;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.looptech-info__add-button:hover:not(:disabled){background:var(--looptech-blue-hover);transform:translateY(-1px)}.looptech-info__add-button:disabled{background:var(--looptech-text-muted);cursor:not-allowed}.looptech-info__add-loading.hidden{display:none}.looptech-info__spinner{animation:looptech-spin 1s linear infinite}@keyframes looptech-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.looptech-info__wishlist{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:var(--looptech-bg);border:1px solid var(--looptech-border);border-radius:50%;cursor:pointer;transition:all .2s ease;color:var(--looptech-text-muted)}.looptech-info__wishlist:hover{border-color:var(--looptech-blue);color:var(--looptech-blue)}.looptech-info__klarna{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;padding:.5rem 1rem;background:#fdf8f8;border-radius:var(--looptech-radius)}.looptech-info__klarna-logo svg{display:block;box-sizing:content-box;width:30px;height:10px}.looptech-info__klarna-text{font-size:1.2rem;color:var(--looptech-text)}.looptech-info__klarna-link{font-size:1rem;color:var(--looptech-blue);text-decoration:underline;text-underline-offset:2px;margin-left:auto}.looptech-info__spec-summary{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;color:var(--looptech-text-muted);min-height:1.5rem;transition:opacity .2s ease}.looptech-info__spec-summary:empty{display:none}.looptech-info__spec-summary[data-state=complete]{color:var(--looptech-text);font-weight:500}.looptech-info__header-button{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;font-size:1.5rem;font-weight:1000;color:#fff;background:var(--looptech-blue);border:none;border-radius:50px;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.looptech-info__header-button:hover:not(:disabled){background:var(--looptech-blue-hover);transform:translateY(-1px)}.looptech-info__header-button[data-state=idle],.looptech-info__header-button[data-state=partial],.looptech-info__header-button[data-state=ready]{background:var(--looptech-blue)}.looptech-info__header-button[data-state=sold-out]{background:var(--looptech-text-muted);cursor:not-allowed}.looptech-info__header-button[data-state=sold-out]:hover{transform:none}.looptech-info__header-button[data-state=loading]{background:var(--looptech-blue);pointer-events:none}.looptech-info__button-arrow{width:20px;height:20px;font-weight:bolder;flex-shrink:0;animation:looptech-bounce-arrow 2s ease-in-out infinite}.looptech-info__header-button[data-state=ready] .looptech-info__button-arrow,.looptech-info__header-button[data-state=sold-out] .looptech-info__button-arrow,.looptech-info__header-button[data-state=loading] .looptech-info__button-arrow{display:none}@keyframes looptech-bounce-arrow{0%,to{transform:translateY(-2)}50%{transform:translateY(2px)}}.looptech-info__button-spinner{display:none;width:20px;height:20px;animation:looptech-spin 1s linear infinite}.looptech-info__header-button[data-state=loading] .looptech-info__button-spinner{display:block}.looptech-info__header-button[data-state=loading] .looptech-info__button-text{display:none}.looptech-cards{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.looptech-cards__card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--looptech-bg);border:1px solid var(--looptech-border);border-radius:var(--looptech-radius-lg);box-shadow:var(--looptech-shadow);cursor:pointer;transition:box-shadow .2s ease,transform .2s ease}.looptech-cards__card:hover{box-shadow:var(--looptech-shadow-md);transform:translateY(-1px)}.looptech-cards__icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#eef2ff;border-radius:var(--looptech-radius);color:var(--looptech-blue)}.looptech-cards__icon--delivery{background:#ecfdf5;color:#059669}.looptech-cards__icon--returns{background:#fff7ed;color:#ea580c}.looptech-cards__icon--guarantee{background:#eef2ff;color:var(--looptech-blue)}.looptech-cards__content{flex:1;display:flex;flex-direction:column;gap:.125rem}.looptech-cards__title{font-size:1.1rem;font-weight:300;color:var(--looptech-text)}.looptech-cards__subtitle{font-size:.905rem;color:var(--looptech-text-muted)}.looptech-cards__chevron{flex-shrink:0;color:var(--looptech-text-muted)}.looptech-banner{margin-top:3rem;padding:2.5rem 0;border-top:1px solid var(--looptech-border);border-bottom:1px solid var(--looptech-border)}.looptech-banner__content{text-align:center}.looptech-banner__text{margin:0;font-size:1.5rem;line-height:1;color:var(--looptech-text)}@media screen and (min-width:750px){.looptech-banner__text{font-size:2rem}}@media screen and (min-width:1024px){.looptech-banner__text{font-size:2.25rem}}.looptech-banner__bold{font-weight:700}.looptech-banner__regular{font-weight:400;color:var(--looptech-text-muted)}.looptech-banner[data-mode=renewed] .looptech-banner__bold{color:#059669}.looptech-badges{margin-top:2rem;padding-bottom:1rem}.looptech-badges__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem 1rem}@media screen and (min-width:750px){.looptech-badges__grid{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:1024px){.looptech-badges__grid{grid-template-columns:repeat(5,1fr);gap:1rem}}.looptech-badges__item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem}.looptech-badges__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:var(--looptech-text-muted)}.looptech-badges__text{font-size:1.4rem;line-height:1.5;color:var(--looptech-text-muted)}.looptech-gallery__thumbnail:focus-visible,.looptech-gallery__swatch:focus-visible,.looptech-info__option-value:focus-within .looptech-info__option-text,.looptech-info__add-button:focus-visible,.looptech-info__wishlist:focus-visible,.looptech-cards__card:focus-visible{outline:2px solid var(--looptech-blue);outline-offset:2px}@media(prefers-reduced-motion:reduce){.looptech-gallery__thumbnail,.looptech-gallery__swatch,.looptech-info__option-text,.looptech-info__add-button,.looptech-info__wishlist,.looptech-cards__card,.looptech-gallery__zoom-trigger{transition:none}.looptech-info__spinner{animation:none}}.looptech-product-section .visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.looptech-info__summary{display:flex;align-items:center;gap:.5rem;min-height:1.5rem}.looptech-info__summary-text{font-size:.9375rem;color:var(--looptech-text-muted);transition:color .2s ease}.looptech-info__summary-text--complete{color:var(--looptech-text);font-weight:500}.looptech-info__summary-separator{color:var(--looptech-text-muted);font-weight:300}.looptech-info__price-block[data-state=pending] .looptech-info__price{color:var(--looptech-text-muted)}.looptech-info__price-block[data-state=pending] .looptech-info__price:before{content:"From ";font-size:.875rem;font-weight:400}.looptech-info__price-block[data-state=pending] .looptech-info__price-label,.looptech-info__price-block[data-state=pending] .looptech-info__compare-price{display:none}.looptech-info__option[data-pending=true]{position:relative}.looptech-info__option[data-pending=true]:before{content:"";position:absolute;top:-.5rem;right:-.5rem;bottom:-.5rem;left:-.5rem;border:2px dashed var(--looptech-blue);border-radius:var(--looptech-radius-lg);opacity:.3;animation:looptech-pulse-border 2s ease-in-out infinite;pointer-events:none}.looptech-info__option[data-pending=true] .looptech-info__option-label{color:var(--looptech-blue)}@keyframes looptech-pulse-border{0%,to{opacity:.3}50%{opacity:.6}}.looptech-info__option-label-prompt{font-weight:400;color:var(--looptech-text-muted);margin-left:.25rem}.looptech-info__option[data-selected=true] .looptech-info__option-label-prompt{display:none}.looptech-info__perfect-choice{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0;border-radius:var(--looptech-radius);opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease;pointer-events:none}.looptech-info__perfect-choice[data-visible=true]{opacity:1;transform:translateY(0);pointer-events:auto}.looptech-info__perfect-choice-icon{flex-shrink:0;width:20px;height:20px;color:#059669}.looptech-info__perfect-choice-text{font-size:.875rem;font-weight:500;color:#047857}.looptech-info__add-button[data-state=idle],.looptech-info__add-button[data-state=partial]{background:#9ca3af;cursor:not-allowed;pointer-events:none}.looptech-info__add-button[data-state=idle]:hover,.looptech-info__add-button[data-state=partial]:hover{background:#9ca3af;transform:none}.looptech-info__add-button[data-state=ready]{background:var(--looptech-blue);cursor:pointer;pointer-events:auto;animation:looptech-button-ready .4s ease}@keyframes looptech-button-ready{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.looptech-info__add-button[data-state=loading]{background:var(--looptech-blue);cursor:wait;pointer-events:none}.looptech-info__add-button[data-state=sold-out]{background:#dc2626;cursor:not-allowed;pointer-events:none}.looptech-info__button-container{display:flex;flex-direction:column;gap:.75rem}@keyframes looptech-fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes looptech-fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.looptech-info__summary-text.animate-in{animation:looptech-fade-in-up .3s ease forwards}@media(prefers-reduced-motion:reduce){.looptech-info__option[data-pending=true]:before{animation:none;opacity:.5}.looptech-info__perfect-choice{transition:none}.looptech-info__add-button[data-state=ready],.looptech-info__summary-text.animate-in{animation:none}}.looptech-info__option-value--sold-out .looptech-info__option-text{color:var(--looptech-text-muted);text-decoration:line-through;opacity:.6}.looptech-info__option-value--sold-out:hover .looptech-info__option-text{border-color:var(--looptech-border);cursor:not-allowed}.looptech-info[data-total-options="1"] .looptech-info__summary,.looptech-info[data-has-variants=false] .looptech-info__summary,.looptech-info[data-has-variants=false] .looptech-info__perfect-choice{display:none}.looptech-info__sold-out-message{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--looptech-radius);font-size:.875rem;color:#991b1b}.looptech-info__sold-out-message[hidden]{display:none}.looptech-info__sold-out-icon{flex-shrink:0;width:16px;height:16px}.looptech-info__loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#fffc;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s ease}.looptech-info__loading-overlay[data-visible=true]{opacity:1;pointer-events:auto}
/*# sourceMappingURL=/cdn/shop/t/13/assets/looptech-product.css.map */