.recommend-c .ui-title{font-family:var(--recommend-title-ff,var(--ty-title-ff,var(--font-title,var(--font-sans))));font-size:var(--recommend-title-fs,var(--ty-title-fs));line-height:var(--recommend-title-lh,var(--ty-title-lh));font-weight:var(--recommend-title-fw,var(--ty-title-fw));letter-spacing:var(--recommend-title-ls,var(--ty-title-ls));color:var(--recommend-title-c,var(--ty-title-c))}.recommend-c .ui-desc{font-family:var(--recommend-desc-ff,var(--ty-desc-ff,var(--font-sans)));font-size:var(--recommend-desc-fs,var(--ty-desc-fs));line-height:var(--recommend-desc-lh,var(--ty-desc-lh));font-weight:var(--recommend-desc-fw,var(--ty-desc-fw));letter-spacing:var(--recommend-desc-ls,var(--ty-desc-ls));color:var(--recommend-desc-c,var(--ty-desc-c))}.recommend-c .ui-tabs button{font-family:var(--recommend-tab-ff,var(--ty-tab-ff,var(--font-sans)));font-size:var(--recommend-tab-fs,var(--ty-tab-fs));line-height:var(--recommend-tab-lh,var(--ty-tab-lh));font-weight:var(--recommend-tab-fw,var(--ty-tab-fw));letter-spacing:var(--recommend-tab-ls,var(--ty-tab-ls));color:var(--recommend-tab-c,var(--ty-tab-c))}.recommend-c .ui-more{font-family:var(--recommend-more-ff,var(--ty-btn-ff,var(--font-sans)));font-size:var(--recommend-more-fs,var(--ty-btn-fs));line-height:var(--recommend-more-lh,var(--ty-btn-lh));font-weight:var(--recommend-more-fw,var(--ty-btn-fw));letter-spacing:var(--recommend-more-ls,var(--ty-btn-ls));color:var(--recommend-more-c,var(--ty-btn-c))}@media(min-width:768px){.recommend-c .swiper{container-type:inline-size}}.recommend-c__page{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(3,calc((100cqw - 40px) / 6));gap:8px;margin:0;padding:0;list-style:none}.recommend-c__cell{grid-column:var(--c);grid-row:var(--r);min-width:0;min-height:0}.recommend-c__item{height:100%}.recommend-c__card{position:relative;display:block;height:100%;border-radius:26px;overflow:hidden;isolation:isolate;background:var(--site-line);color:#fff}.recommend-c__card:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(#0000 45%,#0009);pointer-events:none}.recommend-c__img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.recommend-c__card:hover .recommend-c__img,.recommend-c__card:focus-visible .recommend-c__img{transform:scale(1.05)}.recommend-c .rc-badge-discount{z-index:3}.recommend-c__text{position:absolute;right:0;bottom:0;left:0;z-index:2;padding:0 20px 18px}.recommend-c__vd,.recommend-c__it{display:block;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fff}.recommend-c__vd{opacity:.85;font-family:var(--recommend-vendor-ff,var(--ty-photo-s-ff,var(--font-sans)));font-size:var(--recommend-vendor-fs,var(--ty-photo-s-fs));line-height:var(--recommend-vendor-lh,var(--ty-photo-s-lh));font-weight:var(--recommend-vendor-fw,var(--ty-photo-s-fw));letter-spacing:var(--recommend-vendor-ls,var(--ty-photo-s-ls));color:var(--recommend-vendor-c,var(--ty-photo-s-c))}.recommend-c__it{margin-top:2px;font-family:var(--recommend-store-ff,var(--ty-photo-t-ff,var(--font-sans)));font-size:var(--recommend-store-fs,var(--ty-photo-t-fs));line-height:var(--recommend-store-lh,var(--ty-photo-t-lh));font-weight:var(--recommend-store-fw,var(--ty-photo-t-fw));letter-spacing:var(--recommend-store-ls,var(--ty-photo-t-ls));color:var(--recommend-store-c,var(--ty-photo-t-c))}@media(min-width:768px){.recommend-c .is-s11 .recommend-c__text{padding:0 14px 14px}.recommend-c .is-s11 .recommend-c__vd{opacity:1}.recommend-c .is-s11 .rc-badge-discount{top:10px;right:10px;padding:4px 10px;font-size:12px}.recommend-c__m{display:none!important}}.recommend-c .ui-indicator{height:12px;margin-top:40px}@media(prefers-reduced-motion:reduce){.recommend-c__img{transition:none}}@media(max-width:767px){.recommend-c{overflow-x:clip}.recommend-c .swiper{overflow:visible}.recommend-c .swiper-wrapper{display:grid;grid-template-rows:repeat(2,170px);grid-auto-columns:calc(((var(--ui-inner) - 8px) / 2.2 - 8px) / 2);grid-auto-flow:column;gap:8px;margin-right:calc((var(--ui-inner) - 100cqw) / 2);padding-right:calc((100cqw - var(--ui-inner)) / 2);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;transform:none!important;-webkit-overflow-scrolling:touch}.recommend-c .swiper-wrapper::-webkit-scrollbar{display:none}.recommend-c .swiper-slide,.recommend-c__page{display:contents}.recommend-c__cell{grid-column:var(--mc);grid-row:var(--mr);scroll-snap-align:start}.recommend-c .ui-indicator{display:none}.recommend-c__text{padding:0 16px 14px}.recommend-c .is-m11 .recommend-c__text{padding:0 12px 12px}.recommend-c .is-m11 .recommend-c__vd{opacity:1}.recommend-c .is-m11 .recommend-c__it{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.recommend-c .is-m11 .rc-badge-discount{top:10px;right:10px;padding:4px 10px;font-size:12px}}