.card-wrapper{--jbl-card-gap: 0px;--jbl-card-font: 14px;--jbl-card-swatch: 18px;--jbl-badge-offset: 10px}.product-grid{--jbl-grid-row-gap: 24px}@media screen and (max-width:749px){.card-wrapper{--jbl-card-gap: 0px;--jbl-card-font: 12px;--jbl-card-swatch: 12px;--jbl-badge-offset: 6px}.product-grid{--jbl-grid-row-gap: 20px}}.product-grid{row-gap:var(--jbl-grid-row-gap)}.card-wrapper .card__inner>.card__content{padding:var(--jbl-badge-offset)}.card__content>.card__information{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;column-gap:1.2rem;row-gap:.6rem}.card__content>.card__information>.card__heading{margin:0;min-width:0}.card__content>.card__information>.card__heading,.card__content>.card__information>.card__heading a,.card__content>.card__information>.card-information .price,.card__content>.card__information>.card-information .price-item{font-size:var(--jbl-card-font);line-height:1.3}.card__content>.card__information>.card__heading,.card__content>.card__information>.card__heading a{word-break:normal;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none}.card__content>.card__information>.card-information{text-align:right;white-space:nowrap}.card__content>.card__information>.jbl-card-colors{grid-column:1 / -1}@media screen and (max-width:749px){.card__content>.card__information{column-gap:.8rem}}.card-wrapper .card__inner{margin-bottom:0}.card-wrapper .card__inner+.card__content{padding-top:var(--jbl-card-gap);padding-bottom:0;margin-top:0;row-gap:0}.card-wrapper .card__inner+.card__content>.card__information{padding-top:0;padding-bottom:0;margin-top:0}.card-wrapper .card__inner+.card__content .card__heading,.card-wrapper .card__inner+.card__content .card-information{margin-top:0}.jbl-card-colors{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.2rem}.jbl-card-color{width:var(--jbl-card-swatch);height:var(--jbl-card-swatch);padding:0;border:1px solid rgba(var(--color-foreground),.2);border-radius:50%;background-color:rgba(var(--color-foreground),.05);background-position:center;background-size:cover;background-repeat:no-repeat;cursor:pointer;transition:box-shadow .15s ease}.jbl-card-color.is-active{box-shadow:0 0 0 2px rgb(var(--color-background)),0 0 0 3px rgb(var(--color-foreground))}.jbl-card-color:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:3px}.jbl-gal{--jbl-gal-fleche: #FAF4EE;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:block;overflow:hidden}.jbl-gal__vue{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .25s ease;pointer-events:none}.jbl-gal__vue.is-active{opacity:1}.jbl-gal__fleche{position:absolute;top:50%;z-index:3;display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;padding:0;transform:translateY(-50%);border:0;background:none;color:var(--jbl-gal-fleche);cursor:pointer;opacity:0;filter:drop-shadow(0 1px 4px rgba(0,0,0,.45));transition:opacity .2s ease,transform .15s ease}.jbl-gal__fleche svg{width:2.4rem;height:2.4rem;pointer-events:none}.jbl-gal__fleche--prec{left:.4rem}.jbl-gal__fleche--suiv{right:.4rem}.jbl-gal__fleche--prec:hover{transform:translateY(-50%) translate(-.2rem)}.jbl-gal__fleche--suiv:hover{transform:translateY(-50%) translate(.2rem)}.card-wrapper:hover .jbl-gal__fleche,.card-wrapper:focus-within .jbl-gal__fleche{opacity:1}@media(hover:none){.jbl-gal__fleche{opacity:1}}.jbl-card-sizes{position:absolute;left:0;right:0;bottom:0;z-index:4;display:flex;flex-wrap:wrap;background:rgba(var(--color-background),.94);opacity:0;transform:translateY(.6rem);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.card-wrapper:hover .jbl-card-sizes,.card-wrapper:focus-within .jbl-card-sizes{opacity:1;transform:none;pointer-events:auto}.card-wrapper .jbl-card-sizes .jbl-card-size{flex:1 1 auto;padding:1rem .6rem;border-left:1px solid rgba(var(--color-foreground),.12);color:rgb(var(--color-foreground));font-size:1.3rem;letter-spacing:.04em;line-height:1.2;text-align:center;white-space:nowrap;transition:background .12s ease,color .12s ease}.card-wrapper .jbl-card-sizes .jbl-card-size:first-child{border-left:0}.card-wrapper:hover .jbl-card-sizes .jbl-card-size,.card-wrapper:focus-within .jbl-card-sizes .jbl-card-size,.card-wrapper .jbl-card-sizes .jbl-card-size:hover,.card-wrapper .jbl-card-sizes .jbl-card-size:focus-visible{text-decoration:none}.card-wrapper .jbl-card-sizes .jbl-card-size:hover,.card-wrapper .jbl-card-sizes .jbl-card-size:focus-visible{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.card-wrapper:hover .jbl-card-sizes .jbl-card-size--epuise,.card-wrapper:focus-within .jbl-card-sizes .jbl-card-size--epuise,.card-wrapper .jbl-card-sizes .jbl-card-size--epuise:hover,.card-wrapper .jbl-card-sizes .jbl-card-size--epuise:focus-visible{color:rgba(var(--color-foreground),.4);text-decoration:line-through;text-decoration-thickness:1px}.card-wrapper .jbl-card-sizes .jbl-card-size--epuise:hover,.card-wrapper .jbl-card-sizes .jbl-card-size--epuise:focus-visible{background:rgba(var(--color-foreground),.12);color:rgba(var(--color-foreground),.6)}@media(hover:none),screen and (max-width:749px){.jbl-card-sizes{display:none}}@media(prefers-reduced-motion:reduce){.jbl-gal__vue,.jbl-gal__fleche,.jbl-card-sizes,.jbl-card-color{transition:none}.jbl-gal__fleche:hover{transform:translateY(-50%)}.jbl-card-sizes{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/jubylee-card.css.map */