@keyframes lumo-spark{0%,to{transform:scale(1) rotate(0);opacity:.85}50%{transform:scale(1.3) rotate(22deg);opacity:1}}@keyframes lumo-pulse-orange{0%,to{box-shadow:0 0 #ff7a218c}50%{box-shadow:0 0 0 9px #ff7a2100}}@keyframes lumo-pulse-green{0%,to{box-shadow:0 0 #2ec27e8c}50%{box-shadow:0 0 0 7px #2ec27e00}}@keyframes lumo-glow-drift{0%,to{transform:translate(0) scale(1)}50%{transform:translate(8%,-4%) scale(1.08)}}lumo-spotlight.lumo{display:grid;grid-template-columns:1.05fr 1fr;min-height:clamp(640px,88vh,920px);width:100%;position:relative;background-color:var(--color-cream)}.lumo__visual{position:relative;display:grid;grid-template-columns:auto minmax(0,560px);align-items:center;justify-content:center;gap:clamp(1.25rem,2vw,2rem);padding:clamp(2rem,4vw,4rem);color:var(--color-text)}.lumo__visual-bg{display:none}.lumo__rule{position:absolute;left:clamp(2rem,4vw,4rem);right:clamp(2rem,4vw,4rem);height:1px;background-color:#33333314;z-index:2}.lumo__rule--top{top:clamp(1.4rem,3vw,2.5rem)}.lumo__rule--bot{bottom:clamp(1.4rem,3vw,2.5rem)}.lumo__visual-tag{position:absolute;top:clamp(2rem,4vw,3.5rem);right:clamp(2rem,4vw,4rem);display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:var(--fs-12);font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-soft);margin:0;z-index:3}.lumo__visual-tag-dot{width:6px;height:6px;border-radius:50%;background:var(--color-orange);animation:lumo-pulse-orange 2.4s infinite}.lumo__thumbs{display:flex;flex-direction:column;gap:var(--sp-3);flex-shrink:0;z-index:2;position:relative}.lumo__thumb{display:block;width:76px;height:76px;border-radius:16px;border:1.5px solid var(--color-border);background:var(--color-white);overflow:hidden;cursor:pointer;padding:0;transition:border-color var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-spring),box-shadow var(--dur-base) var(--ease-out)}.lumo__thumb img{width:100%;height:100%;object-fit:cover;display:block}.lumo__thumb:hover{transform:translateY(-2px) scale(1.04);border-color:var(--color-purple);box-shadow:0 6px 16px #6a4c932e}.lumo__thumb.is-active{border-color:var(--color-orange);box-shadow:0 0 0 3px #ff7a212e,0 8px 22px #ff7a2138}.lumo__main{position:relative;width:100%;max-width:560px;aspect-ratio:1 / 1;margin-inline:0;display:flex;align-items:center;justify-content:center;z-index:1;background-color:var(--color-white);border-radius:clamp(24px,3vw,36px);overflow:hidden;box-shadow:0 1px 2px #3333330a,0 24px 60px #33333314,0 60px 100px #6a4c930f}.lumo__main-img{width:100%;height:100%;object-fit:contain;display:block;padding:clamp(1.5rem,3vw,2.5rem);transition:opacity .22s var(--ease-out)}.lumo__nav{position:absolute;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;border:1.5px solid var(--color-border);background:#ffffffeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--color-text);cursor:pointer;z-index:5;padding:0;box-shadow:0 4px 14px #33333314;transition:transform var(--dur-base) var(--ease-spring),background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.lumo__nav:hover{background:var(--color-orange);color:var(--color-white);border-color:var(--color-orange);transform:translateY(-50%) scale(1.1);box-shadow:0 10px 26px #ff7a2166}.lumo__nav:active{transform:translateY(-50%) scale(.96)}.lumo__nav svg{width:18px;height:18px;display:block}.lumo__nav--prev{left:clamp(.75rem,1.5vw,1.25rem)}.lumo__nav--next{right:clamp(.75rem,1.5vw,1.25rem)}.lumo__nav--prev:hover svg{transform:translate(-2px)}.lumo__nav--next:hover svg{transform:translate(2px)}.lumo__nav svg{transition:transform var(--dur-fast) var(--ease-spring)}.lumo__spark{position:absolute;z-index:2;pointer-events:none}.lumo__spark--a{top:4%;right:-4%;animation:lumo-spark 4s ease-in-out infinite}.lumo__spark--b{bottom:8%;left:-2%;animation:lumo-spark 5.4s ease-in-out infinite reverse}.lumo__spark--a .brand-shape--sparkle path{fill:var(--color-orange)}.lumo__spark--b .brand-shape--sparkle-sm path{fill:var(--color-purple);opacity:.85}.lumo__info{background-color:var(--color-cream);padding:clamp(2.5rem,5vw,5.5rem) clamp(2rem,5vw,5rem);display:flex;align-items:center;position:relative}.lumo__info:before{content:"";position:absolute;top:clamp(2.5rem,5vw,5.5rem);bottom:clamp(2.5rem,5vw,5.5rem);left:0;width:3px;background:linear-gradient(180deg,var(--color-orange),var(--color-purple));border-radius:99px;opacity:.85}.lumo__info-inner{width:100%;max-width:540px;display:flex;flex-direction:column;gap:var(--sp-5)}.lumo__eyebrow{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-12);font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-soft);margin:0;width:fit-content}.lumo__eyebrow-dot{width:9px;height:9px;border-radius:50%;background:var(--color-orange);animation:lumo-pulse-orange 2.4s infinite}.lumo__title{font-family:var(--font-display);font-size:clamp(3rem,6vw + .3rem,5.5rem);font-weight:700;line-height:.95;letter-spacing:-.045em;color:var(--color-text);margin:0}.lumo__title-dot{color:var(--color-orange)}.lumo__price{display:flex;align-items:baseline;gap:var(--sp-3);flex-wrap:wrap}.lumo__price-main{font-family:var(--font-display);font-size:clamp(1.75rem,2.6vw + .3rem,2.5rem);font-weight:700;color:var(--color-text);letter-spacing:-.025em;line-height:1}.lumo__price-compare{font-size:var(--fs-16);color:var(--color-text-soft);text-decoration:line-through}.lumo__price-save{padding:5px 11px;background:var(--color-orange);color:var(--color-white);border-radius:99px;font-size:var(--fs-12);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.lumo__desc{font-size:var(--fs-16);color:var(--color-text-soft);line-height:1.7;max-width:480px}.lumo__desc p{margin:0 0 .6em}.lumo__desc p:last-child{margin-bottom:0}.lumo__desc a{color:var(--color-purple)}.lumo__form{display:flex;flex-direction:column;gap:var(--sp-4)}.lumo__option{display:flex;flex-direction:column;gap:var(--sp-2)}.lumo__option-label{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:0 var(--sp-2);margin:0}.lumo__option-name{font-size:var(--fs-12);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text)}.lumo__option-value{font-size:var(--fs-14);font-weight:500;letter-spacing:0;text-transform:none;color:var(--color-text-soft)}.lumo__option-list{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.lumo__swatch{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:.55em 1.15em;border-radius:99px;border:1.5px solid var(--color-border-strong);background:var(--color-white);cursor:pointer;font-size:var(--fs-14);font-weight:500;color:var(--color-text);-webkit-user-select:none;user-select:none;transition:border-color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-spring)}.lumo__swatch:hover{border-color:var(--color-purple);transform:translateY(-1px)}.lumo__swatch.is-selected{border-color:var(--color-text);background:var(--color-text);color:var(--color-white)}.lumo__swatch input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none}.lumo__swatch--color{padding:0;width:46px;height:46px;border-radius:50%;overflow:hidden;border-width:2px}.lumo__swatch--color img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}.lumo__swatch--color.is-selected{border-color:var(--color-orange);background:transparent;box-shadow:0 0 0 3px #ff7a2138}.lumo__stock{display:inline-flex;align-items:center;gap:var(--sp-2);padding:8px 14px;border-radius:99px;background:var(--color-white);border:1px solid var(--color-border);font-size:var(--fs-13);font-weight:500;color:var(--color-text);width:fit-content}.lumo__stock-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.lumo__stock-dot--ok{background:var(--color-success);animation:lumo-pulse-green 2.4s infinite}.lumo__stock-dot--out{background:var(--color-text-soft)}.lumo__btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:1.05em 2em 1.05em 2.2em;background:var(--color-text);color:var(--color-white);border:0;border-radius:99px;font-family:var(--font-body);font-size:var(--fs-16);font-weight:700;cursor:pointer;width:fit-content;box-shadow:0 12px 30px #33333338;transition:transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur-base) var(--ease-out),background-color var(--dur-base) var(--ease-out)}.lumo__btn:hover:not(:disabled):not(.is-disabled){background:var(--color-orange);transform:translateY(-2px) scale(1.02);box-shadow:0 16px 36px #ff7a215c}.lumo__btn:active:not(:disabled):not(.is-disabled){transform:translateY(0) scale(.98)}.lumo__btn:disabled,.lumo__btn.is-disabled{background:var(--color-text-soft);cursor:not-allowed;box-shadow:none;opacity:.7}.lumo__btn .icon{transition:transform var(--dur-fast) var(--ease-spring)}.lumo__btn:hover:not(:disabled):not(.is-disabled) .icon{transform:translate(4px)}.lumo__btn.is-added,.lumo__btn.is-added:hover,.lumo__btn.is-added:disabled{background:var(--color-success)!important;color:var(--color-white)!important;opacity:1;cursor:default;box-shadow:0 14px 32px #2ec27e5c;transform:translateY(0) scale(1)}.lumo__btn.is-added .icon{transform:scale(0);opacity:0}.lumo__view-more{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-14);font-weight:500;color:var(--color-text-soft);width:fit-content;transition:color var(--dur-fast) var(--ease-out)}.lumo__view-more:hover{color:var(--color-purple)}.lumo__view-more .icon{transition:transform var(--dur-fast) var(--ease-spring)}.lumo__view-more:hover .icon{transform:translate(3px)}.lumo__empty{grid-column:1 / -1;padding:var(--sp-6);background:var(--color-cream);text-align:center;color:var(--color-text-soft)}@media(max-width:989px){lumo-spotlight.lumo{grid-template-columns:1fr;min-height:0}.lumo__visual{grid-template-columns:auto minmax(0,420px);padding:clamp(2rem,5vw,3rem);min-height:540px}.lumo__rule--top{top:1.5rem}.lumo__rule--bot{bottom:1.5rem}.lumo__visual-tag{top:1.5rem;right:1.5rem}.lumo__main{max-width:420px}.lumo__info:before{left:clamp(2rem,5vw,3rem);right:clamp(2rem,5vw,3rem);width:auto;top:0;bottom:auto;height:3px;background:linear-gradient(90deg,var(--color-orange),var(--color-purple))}}@media(max-width:749px){.lumo__visual{grid-template-columns:1fr;padding:clamp(1.5rem,5vw,2rem);gap:var(--sp-3);min-height:0}.lumo__thumbs{flex-direction:row;overflow-x:auto;order:2;width:100%;padding:4px 2px;scrollbar-width:none}.lumo__thumbs::-webkit-scrollbar{display:none}.lumo__thumb{width:56px;height:56px;border-radius:12px;flex-shrink:0}.lumo__main{order:1;max-width:100%;aspect-ratio:1 / 1}.lumo__visual-tag{font-size:10px;letter-spacing:.14em}.lumo__title{font-size:clamp(2.5rem,11vw,3.4rem)}.lumo__price-main{font-size:clamp(1.5rem,6vw,2rem)}.lumo__btn{width:100%}.lumo__swatch--color{width:42px;height:42px}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/section-lumo-spotlight.css.map */