.yr-rec{--bg-start: #F1F3E8;--bg-end: #ffffff;--tab-border: #E2E8E5;--tab-text: #7A7A7A;--tab-active-bg: #F0F2E6;--tab-active-text: #014E2E;--tab-active-border: #014E2E;--badge: #014E2E;--discount: #014E2E;--price: #1f1f1f;--muted: #6b6b6b;--btn: #164c35;--btn-text: #fff;--card-bg: #fff;--card-radius: 20px;--shadow: 0 8px 24px rgba(0, 0, 0, .06);background:linear-gradient(180deg,var(--bg-start),var(--bg-end));padding:48px 0 56px}.yr-rec__head{text-align:center;margin-bottom:20px}.yr-rec__title{font-size:28px;margin:0;text-transform:uppercase;color:#014e2e}.yr-green-bold{color:#1f5a3e;font-weight:700}.yr-rec__sub{color:var(--muted);margin:10px auto 0;max-width:780px}.yr-rec__tabs{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:22px 0 26px}.yr-rec__tab{-webkit-appearance:none;appearance:none;border:1px solid var(--tab-border);background:#fff;color:var(--tab-text);padding:10px 18px;border-radius:999px;cursor:pointer;font-weight:600;transition:.18s ease;text-transform:none!important}.yr-rec__tab:is(:hover,:focus-visible){transform:translateY(-1px)}.yr-rec__tab.is-active{background:var(--tab-active-bg);color:var(--tab-active-text);border-color:var(--tab-active-border)}.yr-rec__panel{display:none}.yr-rec__panel.is-active{display:block}.yr-rec__grid{--gap: 16px;display:grid;gap:var(--gap);grid-template-columns:repeat(5,minmax(0,1fr));height:440px}@media (max-width:1140px){.yr-rec__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:920px){.yr-rec__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:700px){.yr-rec__grid{display:flex;gap:var(--gap);overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;padding-bottom:8px;height:440px}.yr-rec__grid>*{flex:0 0 72%;max-width:72%;scroll-snap-align:start}}.yr-card{background:var(--card-bg);border-radius:var(--card-radius);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;min-height:380px}.yr-card__media{position:relative;display:block;aspect-ratio:1/1;overflow:hidden}.yr-card__media img{width:100%;height:100%;object-fit:cover;display:block}.yr-card__badges{position:absolute;inset:0px 0px auto auto;display:flex;gap:8px;align-items:center}.yr-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;font-size:12px;color:#fff;background:var(--badge);font-weight:700;box-shadow:0 4px 12px #0000001f}.yr-badge--discount{background:var(--discount)}.yr-card__body{padding:14px 14px 16px;display:flex;flex-direction:column;gap:10px;flex:1;justify-content:space-between}.yr-card__title{font-size:15px;line-height:1.35;margin:0}.yr-card__title a{color:inherit;text-decoration:none}.yr-rating{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}.yr-stars{--size: 14px;position:relative;width:calc(var(--size)*5);height:var(--size);mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 110 20'><polygon points='10,1 13,7 20,7 14,11 16,18 10,14 4,18 6,11 0,7 7,7'/></svg>") left/var(--size) 100% repeat-x;background:#ddd}.yr-stars:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:var(--v);background:#f7b500}.yr-rating__num{font-weight:600}.yr-price{display:flex;align-items:center;gap:10px}.yr-price__now{color:var(--price);font-weight:800}.yr-price__was{color:var(--muted)}.yr-btn{-webkit-appearance:none;appearance:none;border:0;background:var(--btn);color:var(--btn-text);width:100%;padding:12px 16px;border-radius:999px;font-weight:700;cursor:pointer;transition:.18s ease}.yr-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #0000001f}.yr-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.yr-rec__empty{text-align:center;color:var(--muted);padding:24px 0}@media (max-width:640px){.yr-rec{padding:32px 0 40px}.yr-rec__title{font-size:20px;line-height:1.25;margin-bottom:6px}.yr-rec__sub{font-size:13px;line-height:1.5;margin-top:6px;padding:0 16px}.yr-rec__tabs{display:none}.yr-rec__tabs-m{display:flex;justify-content:center;margin:14px 0 18px;position:relative}.yr-rec__select{display:flex;align-items:center;justify-content:space-between;gap:8px;width:min(92vw,420px);height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--tab-active-border);background:var(--tab-active-bg);color:var(--tab-active-text);font-weight:700}.yr-select__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yr-select__chev{flex:0 0 auto}.yr-rec__menu{position:absolute;top:calc(100% + 8px);width:min(92vw,420px);max-height:55vh;overflow:auto;background:#fff;border:1px solid var(--tab-border);border-radius:14px;box-shadow:0 12px 24px #00000014;display:none;z-index:10}.yr-rec__tabs-m.is-open .yr-rec__menu{display:block}.yr-rec__option{width:100%;text-align:left;padding:12px 14px;border:0;background:transparent;color:var(--tab-text);cursor:pointer}.yr-rec__option[aria-selected=true]{color:var(--tab-active-text);font-weight:700}.yr-rec__grid{display:flex;gap:12px;padding:0 12px;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.yr-rec__grid::-webkit-scrollbar{display:none}.yr-card{min-height:320px;flex:0 0 78%;max-width:78%;scroll-snap-align:start}.yr-card__body{padding:12px 12px 14px;gap:8px}.yr-card__title{font-size:14px}.yr-btn{padding:10px 14px}}.yr-rec__tabs-m{display:none}@media (max-width:640px){.yr-rec__tabs-m{display:flex;justify-content:center;margin:14px 0 18px;position:relative}.yr-rec__tabs{display:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/yr-recommend-tabs.css.map */