@media only screen and (min-width: 621px)and (max-width: 910px){.mobile-only{display:none}}@media only screen and (min-width: 911px)and (max-width: 1170px){.mobile-only{display:none}}@media only screen and (min-width: 1170px){.mobile-only{display:none}}@media(min-width: 320px)and (max-width: 620px){.mobile-hide{display:none}}.f-small{display:flex;flex-direction:column;align-items:flex-start;width:280px;border-radius:16px;margin-bottom:15px;margin-right:15px;position:relative;background-color:var(--color-Background-Content);transition:.2s}@media(min-width: 320px)and (max-width: 620px){.f-small{width:calc(50% - 2px);margin:0;border-radius:16px}}@media only screen and (min-width: 1170px){.f-small:hover{box-shadow:0px 0px 20px 0px rgba(53,54,60,.1)}}.f-small .case{height:86px}@media(min-width: 320px)and (max-width: 620px){.f-small .case{height:82px}}.f-small .franchise-video{width:100%;display:flex;padding:0}.f-small .franchise-video video{width:100%;object-fit:cover;border-radius:16px 16px 0 0}.f-small .video-pic{position:absolute;bottom:0;right:0;width:55px}@media(min-width: 320px)and (max-width: 620px){.f-small .video-pic{display:none}}.f-small__image{display:flex;width:100%;height:177px;border-radius:16px 16px 0 0;position:relative;overflow:hidden}@media(min-width: 320px)and (max-width: 620px){.f-small__image{height:calc((100vw - 32px)/3)}}.f-small__image .f-small-image{display:block;height:177px;width:100%;background-size:cover;border-radius:16px 16px 0 0}@media(min-width: 320px)and (max-width: 620px){.f-small__image .f-small-image{height:calc((100vw - 32px)/3)}}.f-small__discount{background-color:var(--color-Accent-Green);color:#fff;font-size:12px;font-weight:500;padding:1px 6px 2px 6px;border-radius:6px;position:absolute;bottom:4px;left:4px;z-index:1}.f-small__content{display:flex;flex-direction:column;align-items:flex-start;padding:10px;gap:14px;width:100%}@media(min-width: 320px)and (max-width: 620px){.f-small__content{gap:10px;padding:8px}}.f-small__content a{width:100%;height:36px}@media(min-width: 320px)and (max-width: 620px){.f-small__content a{height:auto}}.f-small__income{display:flex;flex-direction:column;gap:2px;cursor:pointer;height:32px}@media(min-width: 320px)and (max-width: 620px){.f-small__income{gap:0;width:100%;height:28px}}.f-small__income p{color:var(--color-Text-Link);font-size:16px;font-weight:600;line-height:16px;margin:0}@media(min-width: 320px)and (max-width: 620px){.f-small__income p{font-size:15px;line-height:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.f-small__income span{color:var(--color-Text-Link);font-size:14px;font-weight:600;line-height:14px}@media(min-width: 320px)and (max-width: 620px){.f-small__income span{font-size:12px;line-height:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.f-small__name{display:flex;flex-direction:column;align-items:flex-start;width:100%;overflow:hidden;cursor:pointer}.f-small__name p{color:var(--color-Text-Primary);font-size:15px;font-weight:500;line-height:18px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}@media(min-width: 320px)and (max-width: 620px){.f-small__name p{font-size:14px;line-height:15px}}.f-small__name span{color:var(--color-Text-Primary);font-size:14px;font-weight:400;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}@media(min-width: 320px)and (max-width: 620px){.f-small__name span{font-size:13px;line-height:15px;height:30px;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}}@media only screen and (min-width: 1170px){.f-small__name span:hover{color:var(--color-Text-Primary_hover)}}.f-small__info{display:flex;flex-direction:column;gap:2px;cursor:default;height:28px;width:100%}.f-small__inv{color:#667685;font-size:14px;font-weight:400;line-height:14px;cursor:default}@media(min-width: 320px)and (max-width: 620px){.f-small__inv{font-size:12px;line-height:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.f-small__widgets{display:flex;align-items:center;gap:8px;cursor:default}.f-small__widgets .sales{color:#667685;font-size:12px;line-height:12px}.f-small__widgets .review{color:#667685;font-size:12px;line-height:12px}.f-small__widgets .review img{margin-left:3px;opacity:60%;position:relative;top:1.5px}.f-small__button{border-radius:12px;background:var(--color-Button-Primary);width:100%;text-align:center}@media(min-width: 320px)and (max-width: 620px){.f-small__button{border-radius:8px}}.f-small__button img{position:relative;top:1px}@media(min-width: 320px)and (max-width: 620px){.f-small__button img{width:12px;height:12px}}.f-small__button a{color:var(--color-Text-LinkContrast);font-size:13px;font-weight:500;line-height:42px}@media(min-width: 320px)and (max-width: 620px){.f-small__button a{font-size:12px;line-height:32px}}@media only screen and (min-width: 1170px){.f-small__button:hover{background:var(--color-Button-Primary_hover)}}@media(min-width: 320px)and (max-width: 620px){.f-small__button .free{display:none}}.f-small .favorite-btn{width:60px;height:60px;border-radius:12px;cursor:pointer;display:flex;align-items:center;transition:all .1s ease;position:absolute;top:0;right:0;z-index:1}.f-small .favorite-btn-flex{position:absolute;left:32px;top:2px;width:32px;height:32px;border-radius:10px}@media(min-width: 320px)and (max-width: 620px){.f-small .favorite-btn-flex{top:0}}@media only screen and (min-width: 1170px){.f-small .favorite-btn-flex:hover>svg{stroke:var(--color-Accent-Red)}}.f-small .favorite-btn svg{fill:var(--color-Background-Content);stroke:#aaa;margin:10px 0 0}@media(min-width: 320px)and (max-width: 620px){.f-small .favorite-btn svg{margin:8px 5px 0}}.f-small .favorite-btn.favorite-has svg{fill:var(--color-Accent-Red);stroke:var(--color-Accent-Red)}/*# sourceMappingURL=f-small.css.map */