.card{width:100%;height:260px;align-items:flex-start;border-radius:var(--8px,8px);background:#fff;overflow:hidden;box-shadow:5px 5px 10px 0 rgba(0,0,0,.05);cursor:pointer}.card,.card .card__tag{display:flex;flex-direction:column}.card .card__tag{position:absolute;top:0;left:0;gap:5px;z-index:1}.card .card__tag .tag{border-radius:0 0 8px 0;height:20px;font-size:10px}.card .card__tag.popular .tag{background:#0d1c63!important}.card .card__tag.new .tag{background:#4caf50!important}.card .card__tag.trending .tag{background:#d93b42!important}.card .card__content{display:flex;padding:8px;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch;position:relative}.card .card__content .card__title{color:var(--primary-dark-color,#282828);font-size:16px;font-style:normal;font-weight:400;line-height:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.card .card__content .card__price{width:100%;color:#00796b;font-style:normal;line-height:normal;text-transform:uppercase}.card .card__content .card__price .price-label{font-size:12px}.card .card__content .card__price .price-value{font-size:18px;font-weight:700;margin-top:-4px}.card .card__content .card__favorite{height:40px;width:40px;display:flex;padding:0 var(--8px,8px);justify-content:center;align-items:center;font-size:16px;position:absolute;right:8px;bottom:8px}.card .card__image{width:100%;height:190px;position:relative;overflow:hidden}.card .card__image,.card .card__image .card__overlay{display:flex;justify-content:center;align-items:center}.card .card__image .card__overlay{background-color:rgba(0,0,0,.5);position:absolute;top:0;left:0;right:0;bottom:0;font-size:24px;font-style:normal;font-weight:400;color:#fff;text-align:center}.card .card__image .card__location{font-size:14px;position:absolute;bottom:6px;left:6px;opacity:.8;background:var(--primary-dark-color,#000)}.card .card__image img{transition:transform .3s ease-in-out;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.card .card__image img:hover{transform:scale(1.1)}.tag{height:24px;padding:0 8px;display:flex;justify-content:center;align-items:center;gap:4px;flex-shrink:0;border-radius:4px;color:var(--white-light-color);background:var(--tertiary-dark-color);width:-moz-fit-content;width:fit-content;font-size:12px}.tag.transparent{opacity:.5}.tag:hover{opacity:.6;background:var(--primary-color-hover)}.tag.rounded{border-radius:16px}.tag.success{background-color:var(--success-color)}.tag.success,.tag.warning{color:var(--white-light-color)}.tag.warning{background-color:var(--warning-color)}.tag.danger{background-color:var(--danger-color);color:var(--white-light-color)}.top-shop{display:flex;width:100px;padding:8px;margin:0;flex-direction:column;align-items:center;gap:8px;border-radius:8px;cursor:pointer;font-size:12px}.top-shop.my-shop{width:160px}.top-shop img{width:80px;height:80px;border-radius:8px;transition:transform .2s ease-in-out}.top-shop:hover img{transform:scale(1.1)}.top-shop .top-shop__content{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center}.top-shop .top-shop__title{color:var(--secondary-dark-color);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;white-space:normal}.top-shop:hover{background:rgba(0,0,0,.05)}.search-input{display:flex;width:100%;max-width:460px;height:40px;padding:0 var(--16px,16px);align-items:center;gap:8px;flex-shrink:0;border-radius:var(--8px,8px);border:1px solid var(--secondary-light-color,#e8e8e8);background:var(--white-light-color,#fff);color:var(--tertiary-dark-color,#868686)}.search-input input{font-size:16px;width:100%}.search-input:hover{border:1px solid var(--tertiary-light-color,#d8d8d8)}.button{border:0;text-transform:uppercase;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0 16px;gap:4px;height:40px;border-radius:8px;flex:none;order:0;flex-grow:0}.button.button-primary{background-color:var(--primary-color);color:var(--white-light-color)}.button.button-primary:hover{background-color:var(--primary-color-hover)}.button.button-secondary{background-color:var(--white-light-color);border:1px solid var(--secondary-light-color);color:var(--secondary-dark-color)}.button.button-secondary:hover{background-color:rgba(0,0,0,.05);border-color:var(--tertiary-light-color)}.button.button-tertiary{background-color:var(--white-light-color);color:var(--secondary-dark-color)}.button.button-tertiary:hover{background-color:rgba(0,0,0,.05)}.button.button-danger{background-color:var(--danger-color);color:var(--white-light-color)}.button.button-danger:hover{background:linear-gradient(0deg,rgba(0,0,0,.2) 0,rgba(0,0,0,.2) 100%),var(--danger-color,#f00000)}.button:disabled{background-color:var(--secondary-light-color)!important;color:var(--tertiary-light-color)!important}