.product-card-modern.card--modern{border-radius:var(--product-card-corner-radius);overflow:hidden;background:rgb(var(--color-background));transition:transform .25s ease,box-shadow .25s ease}.product-card-modern.card--modern:hover{transform:translateY(-2px);box-shadow:0 10px 26px #0000001a}.product-card-modern .modern-media-link{display:block;position:relative}.product-card-modern .modern-img{width:100%;height:auto;display:block;transition:transform .4s ease}.product-card-modern:hover .modern-img{transform:scale(1.03)}.product-card-modern .modern-pad{padding:15px}.product-card-modern .modern-vendor{font-size:1rem;letter-spacing:.1em;text-transform:uppercase;opacity:.75;margin:0;color:rgb(var(--color-foreground))}.product-card-modern .card__heading{margin:0}.product-card-modern .card__heading a{color:rgb(var(--color-foreground));text-decoration:none}.product-card-modern .card__heading a:hover{text-decoration:underline}.product-card-modern .modern-rating{display:flex;align-items:center;gap:6px;margin-top:6px;color:rgb(var(--color-foreground))}.product-card-modern .modern-stars{--size: 14px;display:inline-block;width:calc(var(--size) * 5);height:var(--size);-webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="70" height="14" viewBox="0 0 70 14" fill="none"><path d="M7 0l2 4 4 .5-3 3 .8 4.5L7 10 3.2 12 4 7.5 1 4.5 5 4l2-4Zm14 0 2 4 4 .5-3 3 .8 4.5L21 10l-3.8 2L18 7.5l-3-3 4-.5 2-4Zm14 0 2 4 4 .5-3 3 .8 4.5L35 10l-3.8 2L32 7.5l-3-3 4-.5 2-4Zm14 0 2 4 4 .5-3 3 .8 4.5L49 10l-3.8 2L46 7.5l-3-3 4-.5 2-4Zm14 0 2 4 4 .5-3 3 .8 4.5L63 10l-3.8 2L60 7.5l-3-3 4-.5 2-4Z" fill="%23000"/></svg>') center/contain no-repeat;background:linear-gradient(90deg,rgb(var(--color-accent)) calc((var(--rating) + var(--rating-decimal)) / var(--rating-max) * 100%),#0003 0)}.product-card-modern .rating-count{opacity:.75;font-size:12px;line-height:1}.product-card-modern .modern-price{margin-top:4px}.modern_card_badge{position:absolute}.modern_card_badge.left{left:10px}.modern_card_badge.right{right:10px}.modern_card_badge.top{top:10px}.modern_card_badge.bottom{bottom:10px}.product-card-modern .modern-swatches{display:flex;gap:8px;margin-top:12px}.product-card-modern .swatch{inline-size:28px;block-size:28px;border-radius:999px;cursor:pointer;border:1px solid rgba(0,0,0,.1);background:var(--swatch-bg, #eee);position:relative;transition:transform .15s ease,box-shadow .15s ease}.product-card-modern .swatch span{position:absolute;left:-9999px}.product-card-modern .swatch.is-active{box-shadow:0 0 0 1px rgb(var(--color-accent)) inset}.product-card-modern .swatch:is(:hover,:focus-visible){transform:scale(1.06)}.product-card-modern .product-title{margin-top:0}.product-card-modern .option-group{margin:10px 0 0}.product-card-modern .option-label{font-size:1.2rem;opacity:.8;margin-bottom:6px;color:rgb(var(--color-foreground))}.product-card-modern .option-values{display:flex;gap:5px;flex-wrap:wrap}.product-card-modern .option-value{border:1px solid rgb(var(--color-foreground),.25);padding:.35rem .6rem;border-radius:999px;background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;font-size:1.2rem;font-weight:500!important;line-height:1;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.product-card-modern .option-value:is(:hover,:focus-visible){transform:translateY(-1px);border-color:rgb(var(--color-accent))}.product-card-modern .option-value.is-active{border-color:rgb(var(--color-accent))}.product-card-modern .option-value.is-disabled{opacity:.45;cursor:not-allowed}.product-card-modern .option-value.is-color{width:28px;height:28px;padding:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:transparent}.product-card-modern .modern-add{margin-top:12px;width:100%}.product-card-modern .modern-add.is-loading{opacity:.6;pointer-events:none}.product-card-modern .modern-add.is-error{box-shadow:0 0 0 2px #d91e18 inset}.button.is-loading .btn-label{display:none}.button .btn-spinner{display:inline-grid;place-items:center;margin-left:.5rem}.button .btn-spinner[hidden]{display:none}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.product-card-modern .option-value.is-rect{border-radius:6px;padding:.35rem .6rem;min-width:auto}.product-card-modern .option-value.is-size{width:32px;height:32px;padding:0;border-radius:6px;display:inline-grid;place-items:center;font-weight:600;line-height:1}.product-card-modern .option-value.is-color{width:30px;height:30px;padding:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:transparent}.product-card-modern .option-value.is-color .label-text{display:none}.product-card-modern .option-value .swatch-dot{width:24px;height:24px;border-radius:999px;background:var(--swatch-bg, #e6e6e6);background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px #00000014}.product-card-modern .modern-media-link{position:relative;display:block;overflow:hidden}.product-card-modern .modern-img{display:block;width:100%;height:auto;object-fit:cover;transition:opacity .4s ease,transform .6s ease}.product-card-modern .modern-img--secondary{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;transform:scale(1.05);transition:opacity .5s ease,transform .8s ease}.product-card-modern.has-secondary:hover .modern-img--secondary{opacity:1;transform:scale(1)}.product-card-modern.has-secondary:hover .modern-img--primary{opacity:0;transform:scale(1.05)}.product-card-modern.card--modern{position:relative;overflow:visible;--hover-extend: 0px;--hover-inset: 12px;--card-radius: var(--product-card-corner-radius);--plate-shadow: 0 10px 26px rgba(0, 0, 0, .1);--plate-bg: rgb(var(--color-background))}.product-card-modern.card--modern:is(:hover,:focus-within):before{opacity:1;visibility:visible;transform:translateY(0)}.product-card-modern.card--modern:before{content:"";position:absolute;left:0;right:0;bottom:calc(-1 * var(--hover-extend));height:calc(var(--hover-extend));background:var(--plate-bg);border-radius:var(--card-radius);box-shadow:var(--plate-shadow);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease,visibility .25s;z-index:2}.product-card-modern .modern-hover-panel{position:absolute;left:0;right:0;background:rgb(var(--color-background));padding:0 15px;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .25s ease,transform .25s ease;z-index:3}.product-card-modern.card--modern:is(:hover,:focus-within) .modern-hover-panel{opacity:1;transform:translateY(0);pointer-events:auto}.product-card-modern .modern-hover-panel .option-group{margin:6px 0 8px}.product-card-modern .modern-hover-panel .modern-add{margin-top:10px}.product-card-modern.card--modern{position:relative;overflow:visible;z-index:0}.product-card-modern.card--modern:is(:hover,:focus-within){z-index:2}.product-card-modern.card--modern:before{z-index:4}.product-card-modern .modern-hover-panel{z-index:5}.product-grid .grid__item,.collection .grid__item{overflow:visible}.product-card-modern .option-value{position:relative}.product-card-modern .option-value.is-disabled:after{content:"";position:absolute;left:6px;right:6px;top:50%;height:1px;background:rgb(var(--color-foreground),.4);transform:rotate(-45deg);opacity:.9;pointer-events:none;border-radius:2px}.product-card-modern .option-value.is-disabled{opacity:.6}.product-card-modern .option-value.is-color .swatch-dot{position:relative}.product-card-modern .option-value{overflow:hidden}.product-card-modern .option-value.is-size.is-disabled:after,.product-card-modern .option-value.is-color.is-disabled:after{content:"";position:absolute;left:-7px;right:2px;top:50%;height:1px;background:rgb(var(--color-foreground),.4);transform:rotate(-45deg);opacity:.9;pointer-events:none;border-radius:2px;width:42px}.product-card-modern .option-value.is-color.is-disabled .swatch-dot{filter:grayscale(.3) brightness(1.05)}@media(hover:none),(pointer:coarse){.product-card-modern.card--modern:before{display:none!important}.product-card-modern.card--modern{overflow:hidden;--hover-extend: 0px !important}.product-card-modern .mobile-quick-toggle{display:inline-flex;align-items:center;gap:8px;background:transparent;border:0;font:inherit;color:rgb(var(--color-foreground));cursor:pointer;font-size:12px;padding:0}.product-card-modern .mobile-quick-toggle .plus{display:inline-block;transition:transform .2s ease;font-weight:700;line-height:1}.product-card-modern.is-mobile-open .mobile-quick-toggle .plus{transform:rotate(45deg)}.product-card-modern .modern-hover-panel{position:static!important;padding:0!important;margin-top:0;max-height:0;opacity:0;overflow:hidden;transition:max-height .3s cubic-bezier(.2,.7,.2,1),opacity .22s ease;pointer-events:none;will-change:max-height,opacity}.product-card-modern.is-mobile-open .modern-hover-panel{opacity:1;pointer-events:auto}.product-card-modern.has-secondary .modern-img--secondary,.product-card-modern.has-secondary:hover .modern-img--secondary{opacity:0!important;transform:none!important}.product-card-modern.has-secondary:hover .modern-img--primary{opacity:1!important;transform:none!important}.product-card-modern .option-group.option-color .option-values,.product-card-modern .option-group.option-colour .option-values{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:5px;scroll-snap-type:x proximity;padding-bottom:6px;padding-top:1px}.product-card-modern .option-group.option-color .option-value,.product-card-modern .option-group.option-colour .option-value{scroll-snap-align:start}.mobile-quick-toggle .label{border:none;text-decoration:underline;text-decoration-thickness:.5px;text-underline-offset:.16em;display:inline-block;width:auto}}.product-card-modern .modern-add{min-height:unset;padding:10px 15px;font-size:14px}@media(hover:none),(pointer:coarse){.product-card-modern .mobile-quick-toggle{display:inline-flex}.product-card-modern .mobile-direct-add{display:none}.product-card-modern.is-simple .mobile-quick-toggle{display:none!important}.product-card-modern.is-simple .mobile-direct-add{display:block}.product-card-modern .modern-add{min-height:unset;padding:8px 10px;font-size:12px}.product-card-modern .modern-pad{padding:15px 0}.product-card-modern.card--modern:hover{box-shadow:none}.product-card-modern .option-value.is-color{width:22px;height:22px}.product-card-modern .option-value .swatch-dot{width:16px;height:16px}.product-card-modern .option-value.is-size{width:30px;height:30px;font-size:1rem}.product-card-modern .option-value.is-color.is-disabled:after{left:-11px}.product-card-modern .option-value:is(:hover,:focus-visible){transform:translateY(0)}}.product-card-modern .modern-collection{font-size:1.1rem;letter-spacing:.1em;text-transform:uppercase;opacity:.75;color:rgb(var(--color-foreground))}.product-card-modern .product-title{font-weight:600;margin-bottom:0}.product-card-modern .modern-hover-panel .modern-add:after,.product-card-modern .modern-hover-panel .modern-add:before{box-shadow:none;border:0}@media(hover:hover)and (pointer:fine){.product-card-modern .mobile-direct-add,.product-card-modern .mobile-quick-toggle{display:none!important}.product-card-modern.card--modern{position:relative;overflow:visible}.product-card-modern.card--modern:after{content:"";position:absolute;left:-15px;right:-15px;top:-30px;transform:translateY(15px);height:calc(100% + 30px);border-radius:inherit;box-shadow:0 10px 26px #0000001a;pointer-events:none;opacity:0;transition:opacity .25s ease,transform .25s ease}.product-card-modern.card--modern:hover:after{opacity:1;transform:translateY(15px)}.product-card-modern.card--modern:hover{transform:translateY(-2px);box-shadow:none}.product-card-modern.card--modern:before{left:-15px;right:-15px}.product-card-modern .modern-pad{padding:15px 0}.product-card-modern .modern-hover-panel{padding:0}}.modern-sale-badge{background-color:rgb(var(--color-accent))}.latest-items h2{padding-top:0;margin-top:0}.latest-items{padding:36px 0}
/*# sourceMappingURL=/cdn/shop/t/10/assets/product-card-modern.css.map */