.if-section{--if-radius: 18px;--if-radius-sm: 10px;--if-gap: clamp(1rem, 2vw, 1.75rem);--if-card-bg: rgb(var(--color-background));--if-fg: rgb(var(--color-foreground));--if-muted: rgba(var(--color-foreground), .62);--if-border: rgba(var(--color-foreground), .08);color:var(--if-fg);background:rgb(var(--color-background))}.if-subnav-sentinel{height:1px;width:100%}.if-subnav{position:sticky;top:0;z-index:5;background:#fff;padding:.9rem 0 2.25rem;border-bottom:1px solid transparent;transition:box-shadow .22s ease,border-color .22s ease}.if-subnav.is-stuck{box-shadow:0 4px 14px -6px #00000024}.if-subnav__inner{display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:none}.if-subnav__inner::-webkit-scrollbar{display:none}.if-subnav__link{padding:.5rem 1.1rem;border-radius:999px;color:#111;background:transparent;border:1.5px solid #111;text-decoration:none;font-size:.9rem;font-weight:500;white-space:nowrap;transition:background .18s ease,color .18s ease,border-color .18s ease}.if-subnav__link:hover{background:#0000000f}.if-subnav__link.is-active{background:#111;color:#fff;border-color:#111}body:not(.has-scrolled) .if-subnav__link.is-active{background:transparent;color:#111}body:has(cart-drawer[open]) .if-subnav,body:has([data-cart-drawer].is-open) .if-subnav,body:has(.js-drawer-open-cart) .if-subnav,body.js-drawer-open .if-subnav,body.js-drawer-open-cart .if-subnav{visibility:hidden}html{scroll-behavior:smooth}.if-group{scroll-margin-top:90px}.if-grid-wrap{padding-block:0 clamp(2rem,5vw,4rem);display:grid;gap:clamp(2rem,4vw,3rem);max-width:1500px;margin:0 auto;padding-inline:clamp(1rem,3vw,2rem)}.if-group__title{margin:0 0 1.25rem;font-size:clamp(1.5rem,2.4vw,2rem);letter-spacing:-.005em;padding-top:clamp(1.5rem,3vw,2.5rem)}.if-group:first-child .if-group__title{padding-top:clamp(.5rem,1.5vw,1rem)}.if-grid{list-style:none;margin:0;padding:0;display:grid;gap:var(--if-gap);grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:640px){.if-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px){.if-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1400px){.if-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.if-card{background:var(--if-card-bg);border-radius:var(--if-radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .22s ease,box-shadow .22s ease}@media(hover:hover){.if-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px -22px #00000038}.if-card:hover .if-card__image{transform:scale(1.04)}}.if-card.is-sold-out{opacity:.65}.if-card__media-link{display:block;text-decoration:none;color:inherit}.if-card__media{position:relative;aspect-ratio:1 / 1;background:rgba(var(--color-foreground),.04);overflow:hidden;border-radius:var(--if-radius)}.if-card__image,.if-card__placeholder{width:100%;height:100%;object-fit:cover;display:block;transition:transform .38s ease}.if-card__image--pack{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .2s ease,transform .38s ease}.if-card.is-pack .if-card__image--pack{opacity:1}.if-card__badge{position:absolute;top:.65rem;left:.65rem;padding:.25rem .55rem;font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;background:#ffffffeb;color:#111;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.if-card__badge--metallic{background:linear-gradient(135deg,#d9d0bf,#b69b6c);color:#1c1305}.if-card__badge--glow{background:#d8ff5c;color:#1f2a00}.if-card__badge--limited{background:#111;color:#fff}.if-card__badge--soldout{left:auto;right:.65rem;background:#000000c7;color:#fff}.if-card__body{padding:.85rem .25rem .25rem;display:flex;flex-direction:column;gap:.35rem}.if-card__title{margin:0;font-size:1rem;font-weight:500;line-height:1.25}.if-card__title a{color:inherit;text-decoration:none}.if-card__title a:hover{text-decoration:underline}.if-card__form{display:grid;grid-template-columns:auto 1fr;gap:.5rem;margin-top:.5rem}.if-card__qty{display:inline-flex;align-items:center;border:1px solid var(--if-border);border-radius:999px;overflow:hidden;height:52px}.if-card__qty-btn{background:transparent;border:0;width:36px;height:100%;font-size:1.1rem;cursor:pointer;color:inherit}.if-card__qty-input{width:36px;height:100%;border:0;text-align:center;background:transparent;font:inherit;color:inherit;-moz-appearance:textfield}.if-card__qty-input::-webkit-outer-spin-button,.if-card__qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.if-card__form-toggle{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.if-card__toggle{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:rgba(var(--color-foreground),.14);border-radius:999px;border:.5px solid rgba(var(--color-foreground),.08)}.if-card__toggle-opt{height:34px;border-radius:999px;font-size:.75rem;font-weight:500;border:0;background:transparent;color:rgb(var(--color-foreground));opacity:.55;cursor:pointer;transition:opacity .18s ease,background .18s ease,box-shadow .18s ease,transform .12s ease;padding:0 .5rem;white-space:nowrap;text-align:center;overflow:hidden;text-overflow:ellipsis;font-family:inherit}.if-card__toggle-opt:hover:not(.is-on){opacity:.85}.if-card__toggle-opt.is-on{background:rgb(var(--color-background));opacity:1;font-weight:600;box-shadow:0 2px 8px #00000029,0 0 0 .5px #0000000f}.if-card__toggle-opt:disabled{cursor:not-allowed;opacity:.4}.if-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;height:44px;padding:0 1.1rem;border-radius:999px;font-size:.95rem;font-weight:500;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .12s ease,filter .18s ease;font-family:inherit}.if-btn:active{transform:translateY(1px)}.if-btn--primary{background:rgb(var(--color-button, var(--color-foreground)));color:rgb(var(--color-button-text, var(--color-background)))}.if-btn--primary:hover{filter:brightness(.94)}.if-card__add{width:100%;position:relative;background:transparent;color:rgb(var(--color-foreground));border:1.5px solid rgb(var(--color-foreground))}.if-card__add--stacked{height:52px;padding:0 .5rem}.if-card__form .if-card__add--stacked .if-card__add-label{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;line-height:1.1;width:100%}.if-card__form-toggle .if-card__add--stacked .if-card__add-label{display:inline-flex;align-items:center;justify-content:center;width:100%}.if-card__form-toggle .if-card__add-mode{display:none;flex-direction:column;align-items:center;justify-content:center;gap:1px;line-height:1.1;width:100%}.if-card:has(.if-card__toggle-opt[data-if-mode=single].is-on) .if-card__add-mode--single{display:inline-flex}.if-card:has(.if-card__toggle-opt[data-if-mode=pack].is-on) .if-card__add-mode--pack{display:inline-flex}.if-card__form-toggle .if-card__add-mode.is-shown{display:inline-flex}.if-card__add-line-1{font-size:.75rem;font-weight:500;opacity:.92;letter-spacing:0}.if-card__add-line-2{font-size:.95rem;font-weight:600;letter-spacing:.005em}.if-card:hover .if-card__add:not([disabled]),.if-card__add:not([disabled]):hover{background:rgb(var(--color-button, var(--color-foreground)));color:rgb(var(--color-button-text, var(--color-background)));border-color:rgb(var(--color-button, var(--color-foreground)))}.if-card__add[disabled]{cursor:not-allowed;opacity:.6}.if-card__add-spinner{display:none;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:if-spin .7s linear infinite}.if-card.is-loading .if-card__add-label{visibility:hidden}.if-card.is-loading .if-card__add-spinner{display:inline-block;position:absolute}@keyframes if-spin{to{transform:rotate(360deg)}}.if-empty{padding:2rem;border:1px dashed var(--if-border);border-radius:var(--if-radius);color:var(--if-muted);text-align:center}@media(prefers-reduced-motion:reduce){.if-card,.if-card__image,.if-btn,.if-subnav,html{transition:none!important;transform:none!important;scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/individual-flabs.css.map */