.product-use-badge{position:absolute;z-index:5;top:13px;right:13px;width:50px;height:50px;display:grid;place-items:center;border:1px solid rgba(0,126,174,.2);background:rgba(235,248,252,.9);color:#007eae;backdrop-filter:blur(10px);clip-path:polygon(0 0,100% 0,100% 75%,75% 100%,0 100%);transition:background .35s var(--ease),color .35s var(--ease),transform .35s var(--ease)}
.product-use-badge svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.product-use-badge::after{content:attr(data-use-label);position:absolute;z-index:8;right:0;top:calc(100% + 9px);width:max-content;max-width:190px;padding:8px 10px;background:#07354c;color:#fff;font:650 10px/1.3 Manrope,sans-serif;letter-spacing:.01em;white-space:normal;opacity:0;transform:translateY(-4px);pointer-events:none;clip-path:none;transition:opacity .25s,transform .25s}
.product-use-badge:hover,.product-use-badge:focus-visible,.catalog-product:focus-within .product-use-badge{background:#00b5ef;color:#fff;transform:translateY(-2px)}
.product-use-badge:hover::after,.product-use-badge:focus-visible::after,.catalog-product:focus-within .product-use-badge::after{opacity:1;transform:none}
.catalog-product:hover .product-use-badge{background:#00b5ef;color:#fff}
[dir=rtl] .product-use-badge{right:auto;left:13px;clip-path:polygon(0 0,100% 0,100% 100%,25% 100%,0 75%)}
[dir=rtl] .product-use-badge::after{right:auto;left:0}
@media(max-width:760px){.product-use-badge{width:44px;height:44px;top:11px;right:11px}.product-use-badge svg{width:23px;height:23px}.product-use-badge::after{display:none}}
@media(max-width:470px){.product-use-badge{width:48px;height:48px}.product-use-badge svg{width:25px;height:25px}}
@media(prefers-reduced-motion:reduce){.product-use-badge{transition:none}}