@font-face{font-family:LoopyCardRoboto;src:url('robotoflex.ttf') format('truetype');font-style:normal;font-weight:100 1000;font-display:swap}
.loopy-card{position:relative;display:flex;flex-direction:column;width:100%;min-width:0;height:100%;margin:0;padding:0;background:transparent;color:var(--loopy-card-text,#191919);font-family:var(--loopy-card-font,LoopyCardRoboto,Roboto,Arial,sans-serif);font-size:var(--loopy-card-size,16px);line-height:1.5}
.loopy-card,.loopy-card *,.loopy-card *::before,.loopy-card *::after{box-sizing:border-box}
.loopy-card .loopy-card__media{position:relative;display:block;aspect-ratio:3/4;width:100%;min-width:0;overflow:hidden;border-radius:var(--loopy-card-radius,16px);background:#f7f7f7}
.loopy-card .loopy-card__image-link{position:absolute;inset:0;display:block;width:100%;height:100%;text-decoration:none}
.loopy-card .loopy-card__image{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;margin:0;padding:0;border:0;border-radius:0;object-fit:contain;object-position:center;transition:opacity .7s ease}
.loopy-card .loopy-card__image--primary{opacity:1}.loopy-card .loopy-card__image--alternate{opacity:0;pointer-events:none}
@media(hover:hover){.loopy-card--has-alternate:hover .loopy-card__image--primary{opacity:0}.loopy-card--has-alternate:hover .loopy-card__image--alternate{opacity:1}}
.loopy-card--has-alternate:focus-within .loopy-card__image--primary{opacity:0}.loopy-card--has-alternate:focus-within .loopy-card__image--alternate{opacity:1}
.loopy-card .loopy-card__badge,.loopy-card .loopy-card__stock{position:absolute;z-index:2;top:16px;left:16px;display:block;width:auto;max-width:calc(100% - 32px);height:auto;margin:0;padding:4px 6px;border:0;border-radius:var(--loopy-card-radius,16px);background:var(--loopy-card-badge-bg,#8fe8b3);color:var(--loopy-card-badge-fg,#191919);font:500 12px/1.3 var(--loopy-card-font,Roboto,Arial,sans-serif);text-align:left;text-transform:none;pointer-events:none}
.loopy-card .loopy-card__stock{position:static;display:inline-block;max-width:100%;margin:4px 0 0;padding:3px 6px;background:#191919;color:#fff}
.loopy-card .loopy-card__tools{position:absolute;z-index:3;right:12px;display:flex;gap:4px}
.loopy-card .loopy-card__tools--top{top:12px}.loopy-card .loopy-card__tools--bottom{bottom:12px}
.loopy-card .loopy-card__actions{position:absolute;z-index:3;left:16px;right:16px;bottom:16px;display:flex;flex-direction:column;gap:6px;opacity:0;transform:translateY(24px);pointer-events:none;transition:opacity .7s ease,transform .7s ease}
.loopy-card .loopy-card__actions a,.loopy-card .loopy-card__actions button,.loopy-card .loopy-card__actions .button{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;margin:0;padding:8px 16px;border:0;border-radius:999px;box-shadow:none;background:var(--loopy-card-button-bg,#8fe8b3);color:var(--loopy-card-button-fg,#191919);font:600 16px/1.4 var(--loopy-card-font,Roboto,Arial,sans-serif);letter-spacing:normal;text-align:center;text-decoration:none;text-transform:none}
.loopy-card:hover .loopy-card__actions,.loopy-card:focus-within .loopy-card__actions{opacity:.96;transform:translateY(0);pointer-events:auto}
.loopy-card .loopy-card__actions a:hover,.loopy-card .loopy-card__actions a:focus-visible,.loopy-card .loopy-card__actions button:hover{background:var(--loopy-card-button-bg,#8fe8b3);color:var(--loopy-card-button-fg,#191919);text-decoration:underline}
.loopy-card .loopy-card__image-link:focus-visible,.loopy-card .loopy-card__actions a:focus-visible,.loopy-card .loopy-card__title a:focus-visible{outline:3px solid #191919;outline-offset:-3px}
.loopy-card .loopy-card__info{display:flex;flex-direction:column;align-items:flex-start;width:100%;min-width:0;margin:0;padding:var(--loopy-card-gap,16px) 0 0;text-align:left}
.loopy-card .loopy-card__title{width:100%;margin:0;padding:0;color:var(--loopy-card-text,#191919);font:400 var(--loopy-card-size,16px)/1.2 var(--loopy-card-font,Roboto,Arial,sans-serif);letter-spacing:normal;text-transform:none}
.loopy-card .loopy-card__title a{color:inherit;text-decoration:none}.loopy-card .loopy-card__title a:hover{text-decoration:underline}
.loopy-card .loopy-card__price{width:100%;margin:4px 0 0;color:var(--loopy-card-muted,#737373);font:400 var(--loopy-card-size,16px)/1.5 var(--loopy-card-font,Roboto,Arial,sans-serif)}
.loopy-card .loopy-card__price .amount,.loopy-card .loopy-card__price ins,.loopy-card .loopy-card__price del{font:inherit;color:inherit}.loopy-card .loopy-card__price ins{text-decoration:none}.loopy-card .loopy-card__price del{opacity:.72}
.loopy-card .loopy-card__rating{margin:4px 0 0;color:var(--loopy-card-text,#191919)}
/* The verified slot invokes Flatsome's outer sale hook. Hide only that sale badge when our own card exists; retain separate new or stock labels. */
.product-small.col>.col-inner:has(>.loopy-card)>.badge-container>.badge:has(.on-sale),.product-small.col>.col-inner:has(>.loopy-card)>.badge-container>.callout:has(.onsale){display:none!important}
.product-small.col>.col-inner:has(>.loopy-card)>.badge-container{position:absolute;top:16px;left:16px;display:flex;width:auto;height:auto;flex-direction:column;align-items:flex-start;gap:4px;pointer-events:none}
.product-small.col>.col-inner:has(>.loopy-card .loopy-card__badge)>.badge-container{top:48px}
.product-small.col>.col-inner:has(>.loopy-card)>.badge-container>.badge{display:block;width:auto;height:auto;margin:0}
.product-small.col>.col-inner:has(>.loopy-card)>.badge-container .new-bubble{display:block;width:auto;height:auto;padding:4px 6px;border-radius:var(--loopy-card-radius,16px);background:var(--loopy-card-badge-bg,#8fe8b3);color:var(--loopy-card-badge-fg,#191919);font:500 12px/1.3 var(--loopy-card-font,Roboto,Arial,sans-serif)}
@media(max-width:719px){.loopy-card{font-size:var(--loopy-card-size-mobile,14px)}.loopy-card .loopy-card__title,.loopy-card .loopy-card__price{font-size:var(--loopy-card-size-mobile,14px)}.loopy-card .loopy-card__info{padding-top:calc(var(--loopy-card-gap,16px) / 2)}.loopy-card .loopy-card__badge{top:8px;left:8px;max-width:calc(100% - 16px)}.loopy-card .loopy-card__actions{left:8px;right:8px;bottom:8px}.loopy-card .loopy-card__actions a,.loopy-card .loopy-card__actions button{font-size:14px;min-height:40px;padding:6px 10px}}
@media(max-width:719px){.product-small.col>.col-inner:has(>.loopy-card)>.badge-container{top:8px;left:8px}.product-small.col>.col-inner:has(>.loopy-card .loopy-card__badge)>.badge-container{top:40px}}
/* Touch users cannot hover to reveal the target theme's functioning quick view/add-to-cart actions. */
@media(hover:none){.loopy-card .loopy-card__actions{opacity:.96;transform:none;pointer-events:auto}}
@media(prefers-reduced-motion:reduce){.loopy-card .loopy-card__image,.loopy-card .loopy-card__actions{transition:none}}
