.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5vw;font-family:var(--font-text);font-size:.7vw;line-height:1;text-transform:uppercase;padding:.9vw 1.4vw;border-radius:var(--radius-pill);border:1px solid var(--color-line);background:var(--color-surface);color:var(--color-ink);cursor:pointer;transition:background var(--dur-2) var(--ease),color var(--dur-2) var(--ease),opacity var(--dur-2)}.btn:hover{opacity:.85}.btn--primary{background:var(--color-cta);color:var(--color-cta-text);border-color:var(--color-cta)}.btn--block{width:100%}.btn--sm{padding:.6vw 1vw;font-size:.65vw}.pill-link{display:inline-flex;align-items:center;gap:.35vw;line-height:1;font-family:var(--font-text);font-size:.7vw;padding:.35vw 1.3vw;border-radius:25px;background:var(--color-surface);color:var(--color-ink);border:1px solid var(--color-surface)}.pill-link--dark{background:var(--color-ink);color:var(--color-surface);border-color:var(--color-ink)}.sec-head{display:flex;align-items:center;justify-content:space-between;padding:1.5vw var(--page-gutter) .8vw}.sec-head__title{display:flex;align-items:baseline;gap:.4vw;font-family:var(--font-text);font-size:.85vw;font-weight:600;line-height:1}.sec-head__count{font-family:var(--font-display);font-weight:500;font-size:.72vw;opacity:.5;transform:translateY(-.15vw)}.card{position:relative;display:flex;flex-direction:column;height:100%;text-align:left}.card__media{position:relative;flex:1;min-height:0;border-radius:var(--radius-card);overflow:hidden;background:var(--color-surface)}.card__track{display:flex;height:100%;width:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.card__track::-webkit-scrollbar{display:none}.card__track>li{flex:0 0 100%;min-width:100%;scroll-snap-align:center;height:100%}.card__track img{width:100%;height:100%;object-fit:cover}.card__dots{position:absolute;left:50%;bottom:6%;transform:translate(-50%);display:flex;gap:.25vw;z-index:2}.card__dots button{width:.35vw;height:.35vw;border-radius:50%;background:#848484;padding:0;transition:background var(--dur-2),transform var(--dur-2)}.card__dots button[aria-current=true]{background:#fff;transform:scale(1.15)}.card__nav{position:absolute;top:50%;left:5%;transform:translateY(-50%);width:90%;display:flex;justify-content:space-between;pointer-events:none;z-index:2}.card__nav button{width:2.2vw;height:2.2vw;border-radius:50%;display:grid;place-items:center;pointer-events:auto;background:#ffffff30;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;transition:opacity var(--dur-3),transform var(--dur-3)}.card__nav button.prev{transform:translate(-200%)}.card__nav button.next{transform:translate(200%)}.card:hover .card__nav button{opacity:1;transform:translate(0)}.card__nav svg{width:60%;height:60%}.card__badges{position:absolute;top:2.8%;left:4%;z-index:2;display:flex;flex-direction:column;gap:4px}.card__badge{display:inline-flex;line-height:1;font-family:var(--font-text);font-size:.65vw;text-transform:capitalize;padding:.5vw .7vw;border-radius:.5vw;background:var(--color-surface);color:var(--color-ink);white-space:nowrap}.card__logo{position:absolute;top:2%;right:6%;z-index:2;width:2.4%;aspect-ratio:1}.card__logo img{object-fit:contain}.card__wish{position:absolute;top:.6vw;right:.6vw;z-index:3;width:.9vw;height:1.2vw;display:grid;place-items:center;color:var(--color-ink)}.card__wish svg{width:100%;height:100%}.card__wish.is-active{color:var(--color-accent)}.card__wish.is-active svg path,.pdp__wish.is-active svg path{fill-opacity:1}.card__quick{position:absolute;right:2%;bottom:3%;z-index:3;width:2.65vw;height:2.65vw;border-radius:50%;display:grid;place-items:center;background:var(--color-surface);border:1px solid var(--color-line)}.card__quick svg{width:42%;height:42%;stroke:var(--color-ink)}.card__body{padding:.3vw 1vw 0;display:flex;flex-direction:column;gap:.2vw;line-height:1}.card__title{font-family:var(--font-display);font-weight:500;font-size:.65vw;line-height:1.1;color:var(--color-ink)}.card__meta{display:flex;gap:.5vw;font-size:.6vw;opacity:.5;line-height:1}.card__meta :last-child{font-style:italic;opacity:1}.price{display:flex;align-items:center;gap:.5vw;font-family:var(--font-text);font-size:.65vw;line-height:1;color:var(--color-ink)}.price del{opacity:.5}.price ins{text-decoration:none}.price--lg{font-size:.9vw;opacity:.65}.opt-pills{display:flex;flex-wrap:wrap;gap:.3vw;row-gap:.4vw}.opt-pills input{position:absolute;opacity:0;pointer-events:none}.opt-pills label{display:grid;place-items:center;width:19.2%;height:2.5vw;border:1px solid var(--color-line);border-radius:var(--radius-pill);font-family:var(--font-text);font-size:.7vw;background:var(--color-surface);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);cursor:pointer;position:relative;transition:background var(--dur-2),color var(--dur-2),box-shadow var(--dur-2)}.opt-pills input:checked+label{background:var(--color-pill-selected);color:#fff;box-shadow:0 0 9px var(--color-line)}.opt-pills input:disabled+label{background:var(--color-pill-disabled);color:#838383;text-decoration:line-through;cursor:not-allowed}.cat-pills{display:flex;gap:.4vw;overflow-x:auto;scrollbar-width:none;border-radius:0 1vw 1vw 0}.cat-pills::-webkit-scrollbar{display:none}.cat-pills li{flex:0 0 auto;height:2vw;background:var(--color-surface);border:1px solid var(--color-surface);border-radius:9vw}.cat-pills li.is-all{margin-right:1.75vw}.cat-pills a{display:flex;align-items:center;justify-content:center;height:100%;padding-inline:1vw;line-height:1;font-size:.7vw;white-space:nowrap;color:var(--color-ink)}.cat-pills li[aria-current=true]{background:var(--color-ink)}.cat-pills li[aria-current=true] a{color:var(--color-surface)}.chip{display:inline-flex;align-items:center;justify-content:center;min-width:4vw;padding:.5vw 1vw;border-radius:5vw;background:var(--color-chip);font-size:.65vw;line-height:1;cursor:pointer;text-transform:lowercase}.chip:first-letter{text-transform:uppercase}.chip:hover{background:#c1c1c1}.chip[aria-pressed=true]{background:#ababab}.field{position:relative;width:100%}.field__input{width:100%;height:3vw;padding:0 1vw;border:1px solid var(--color-line);border-radius:var(--radius-btn);background:var(--color-input);font-size:.75vw}.field__input::placeholder{color:transparent}.field__label{position:absolute;left:1vw;top:50%;transform:translateY(-50%);font-size:.75vw;color:var(--color-ink-soft);pointer-events:none;transition:.15s}.field__input:focus+.field__label,.field__input:not(:placeholder-shown)+.field__label{top:.4vw;transform:none;font-size:.55vw}.field__input:focus{outline:none;border-color:var(--color-ink)}.badge{display:inline-block;font-family:var(--font-text);font-size:1rem;letter-spacing:.1rem;line-height:1;padding:.3rem 1.5rem;background:var(--color-ink);color:#fff}.acc{border:1px solid var(--color-line);border-radius:.9vw;background:var(--color-surface-2);padding:0 .5vw .5vw}.acc__tabs{display:flex;height:2.7vw;border-bottom:1px solid #ccc}.acc__tab{flex:1;display:grid;place-items:center;position:relative;font-family:var(--font-display);font-weight:500;font-size:.8vw;color:var(--color-ink);opacity:.5}.acc__tab[aria-selected=true]{opacity:1}.acc__tab[aria-selected=true]:after{content:"";position:absolute;bottom:-1.5px;left:0;width:100%;height:3px;border-radius:12px;background:#999}.acc__panel{padding:.6vw 1vw;font-size:.7vw;line-height:1.4;color:var(--color-ink-soft)}.acc__panel[hidden]{display:none}.acc__panel p{margin-bottom:.5vw}.faq-item{border:3px solid #e0e0e0;border-radius:15px;overflow:hidden}.faq-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1vw;background:#fafafa;font-size:.7vw;font-weight:600;text-align:left}.faq-trigger:after{content:"+";font-size:2.4rem;font-weight:300;transition:transform var(--dur-3)}.faq-item.is-open .faq-trigger:after{transform:rotate(45deg)}.faq-body{max-height:0;overflow:hidden;transition:max-height var(--dur-long) var(--ease)}.faq-body__inner{padding:1vw 2vw;font-size:.8vw;color:#888;line-height:1.4}.drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-drawer);visibility:hidden;pointer-events:none}.drawer.is-open{visibility:visible;pointer-events:auto}.drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059;opacity:0;transition:opacity var(--dur-3)}.drawer.is-open .drawer__overlay{opacity:1}.drawer__panel{position:absolute;top:0;right:0;height:100%;width:min(28vw,420px);background:var(--color-line);transform:translate(100%);transition:transform var(--dur-3) var(--ease);display:flex;flex-direction:column}.drawer.is-open .drawer__panel{transform:translate(0)}.drawer--top .drawer__panel{top:0;right:0;left:0;width:100%;height:auto;max-height:80vh;transform:translateY(-100%);border-radius:0 0 1vw 1vw;background:var(--color-surface);box-shadow:var(--shadow-pop)}.drawer--top.is-open .drawer__panel{transform:translateY(0)}.drawer__head{display:flex;align-items:center;justify-content:space-between;padding:1rem}.drawer__head h2{font-size:1vw}.drawer__close{width:1.4vw;height:1.4vw;display:grid;place-items:center}.drawer__close svg{width:100%;height:100%}.qa-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:none;background:#12121233;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.qa-modal.is-open{display:block}.qa-modal__card{position:absolute;right:1vw;bottom:1vw;width:26%;max-width:420px;background:var(--color-surface-2);border-radius:.8vw;overflow:hidden;box-shadow:var(--shadow-pop)}.qa-modal__body{padding:1.2vw}@media(max-width:950px){.btn{font-size:2.6vw;padding:2.4vw 4vw}.pill-link{font-size:2.6vw;padding:1.1vw 3vw;border-radius:6vw}.sec-head__title{font-size:3.2vw}.sec-head__count{font-size:2.8vw}.card__title{font-size:2.7vw}.card__meta{font-size:2.4vw}.price{font-size:2.7vw}.card__quick{width:9vw;height:9vw}.card__nav button{width:8vw;height:8vw}.opt-pills label{width:31%;height:9vw;font-size:2.7vw}.cat-pills li{height:6vw;border-radius:7vw}.cat-pills a{font-size:2.4vw;padding:2vw 3vw}.chip{font-size:2.6vw;padding:1.6vw 3vw}.field__input{height:11vw;font-size:3vw}.acc__tab{font-size:3vw}.acc__tabs{height:10vw}.acc__panel{font-size:2.7vw}.faq-trigger{font-size:2.6vw;padding:3vw}.faq-body__inner{font-size:2.6vw;padding:3vw 6vw}.drawer__panel{width:82vw}.drawer--top .drawer__panel{border-radius:0 0 4vw 4vw}.drawer__head h2{font-size:4vw}.qa-modal__card{right:0;left:0;bottom:0;width:100%;border-radius:5vw 5vw 0 0}.qa-modal__body{padding:5vw}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/components.css.map */
