@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap";.yfcol{--green: #2e7d32;--green-2: #4caf50;--orange: #ff9800;--bg-light: #f8faf7;--text: #212121;--muted: #6b7280;--line: #eef0ec;--radius: 24px;--shadow-sm: 0 6px 18px rgba(31, 41, 55, .06);--shadow-md: 0 16px 40px rgba(31, 41, 55, .1);direction:rtl;max-width:1280px;margin:0 auto;padding:clamp(14px,3vw,28px) clamp(14px,3vw,40px) 56px;color:var(--text);font-family:Cairo,Tajawal,system-ui,-apple-system,Segoe UI,sans-serif}.yfcol *,.yfcol *:before,.yfcol *:after{box-sizing:border-box}.yfcol__head{margin-bottom:18px}.yfcol__crumbs{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--muted);margin-bottom:10px;flex-wrap:wrap}.yfcol__crumbs a{color:var(--muted);text-decoration:none}.yfcol__crumbs a:hover{color:var(--green)}.yfcol__crumbs .is-current{color:var(--green);font-weight:700}.yfcol__title{margin:0;font-size:clamp(26px,3.6vw,38px);font-weight:900}.yfcol__desc{margin-top:8px;color:var(--muted);line-height:1.8}.yfcol__toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 0;border-block:1px solid var(--line);margin-bottom:22px}.yfcol__count{color:var(--muted);font-weight:700;font-size:14px}.yfcol__sort{margin-inline-start:auto;display:flex;align-items:center;gap:10px}.yfcol__sort label{font-size:14px;font-weight:700;color:var(--muted)}.yfcol__sort select{border:1.5px solid var(--line);border-radius:12px;padding:10px 14px;font:inherit;font-weight:700;background:#fff;cursor:pointer;color:var(--text)}.yfcol__sort select:focus{outline:none;border-color:var(--green-2)}.yfcol__filter-toggle{display:none;align-items:center;gap:8px;border:1.5px solid var(--line);border-radius:12px;padding:10px 16px;background:#fff;font:inherit;font-weight:800;cursor:pointer;color:var(--text)}.yfcol__layout{display:grid;grid-template-columns:270px 1fr;gap:26px;align-items:start}.yfcol__filters{position:sticky;top:100px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm)}.yfcol__filters-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.yfcol__filters-head h2{margin:0;font-size:18px;font-weight:900}.yfcol__filters-close{display:none;border:0;background:transparent;font-size:28px;line-height:1;cursor:pointer;color:var(--muted)}.yfcol__fgroup{border-top:1px solid var(--line);padding:14px 0}.yfcol__fgroup:first-of-type{border-top:0}.yfcol__fgroup summary{cursor:pointer;font-weight:800;font-size:15px;list-style:none;display:flex;align-items:center;justify-content:space-between}.yfcol__fgroup summary::-webkit-details-marker{display:none}.yfcol__fgroup summary:after{content:"\203a";transform:rotate(-90deg);transition:transform .2s ease;color:var(--muted);font-size:18px}.yfcol__fgroup[open] summary:after{transform:rotate(90deg)}.yfcol__fvalues{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:4px;max-height:240px;overflow-y:auto}.yfcol__fopt{display:flex;align-items:center;gap:10px;padding:8px;border-radius:10px;cursor:pointer;transition:background .12s ease}.yfcol__fopt:hover{background:var(--bg-light)}.yfcol__fopt.is-disabled{opacity:.45;cursor:not-allowed}.yfcol__fopt input{position:absolute;opacity:0;width:0;height:0}.yfcol__fbox{flex:none;display:grid;place-items:center;width:22px;height:22px;border:2px solid var(--line);border-radius:7px;color:#fff;transition:background .12s ease,border-color .12s ease}.yfcol__fbox svg{width:14px;height:14px;opacity:0}.yfcol__fopt input:checked+.yfcol__fbox{background:var(--green);border-color:var(--green)}.yfcol__fopt input:checked+.yfcol__fbox svg{opacity:1}.yfcol__flabel{flex:1;font-size:14px;font-weight:600}.yfcol__fcount{color:var(--muted);font-size:12px;font-weight:700}.yfcol__price{display:flex;gap:10px;margin-top:14px}.yfcol__price label{flex:1;display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:700;color:var(--muted)}.yfcol__price input{border:1.5px solid var(--line);border-radius:10px;padding:9px 10px;font:inherit;font-weight:700}.yfcol__price input:focus{outline:none;border-color:var(--green-2)}.yfcol__filters-actions{margin-top:18px;display:flex;flex-direction:column;gap:10px}.yfcol__apply{border:0;cursor:pointer;border-radius:12px;padding:13px;background:var(--green);color:#fff;font:inherit;font-weight:800;transition:background .14s ease}.yfcol__apply:hover{background:#266a2a}.yfcol__clear{text-align:center;color:var(--muted);text-decoration:none;font-weight:700;font-size:14px}.yfcol__clear:hover{color:var(--green)}.yfcol__nofilters{color:var(--muted);font-size:14px;line-height:1.8;margin:8px 0 0}.yfcol__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:40}.yfcol__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:clamp(14px,2vw,22px)}.yfcol__card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .18s ease}.yfcol__card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.yfcol__media{position:relative;aspect-ratio:1/1;background:var(--bg-light);display:block;overflow:hidden}.yfcol__media img,.yfcol__ph{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.yfcol__card:hover .yfcol__media img{transform:scale(1.06)}.yfcol__badge{position:absolute;inset-block-start:10px;inset-inline-start:10px;display:inline-flex;align-items:center;gap:4px;background:#ffffffeb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--green);font-size:11px;font-weight:800;padding:5px 10px;border-radius:999px}.yfcol__badge svg{width:12px;height:12px}.yfcol__soldout{position:absolute;inset-block-start:10px;inset-inline-end:10px;background:#0009;color:#fff;font-size:11px;font-weight:800;padding:5px 10px;border-radius:999px}.yfcol__body{padding:14px 16px 18px;display:flex;flex-direction:column;gap:10px;flex:1}.yfcol__name{margin:0;font-size:16px;font-weight:800;line-height:1.4}.yfcol__name a{color:inherit;text-decoration:none}.yfcol__name a:hover{color:var(--green)}.yfcol__price-row{display:flex;align-items:baseline;gap:8px;margin-top:auto}.yfcol__now{color:var(--green);font-weight:900;font-size:17px}.yfcol__now small{color:var(--muted);font-weight:700;font-size:11px}.yfcol__was{color:#b0b0b0;text-decoration:line-through;font-size:13px;font-weight:700}.yfcol__add{border:0;cursor:pointer;border-radius:12px;padding:11px;background:var(--green);color:#fff;font:inherit;font-weight:800;font-size:14px;transition:background .14s ease,transform .14s ease}.yfcol__add:hover:not(:disabled){background:#266a2a;transform:translateY(-1px)}.yfcol__add:disabled{background:#cdd5c9;cursor:not-allowed}.yfcol__pagination{display:flex;justify-content:center;gap:6px;margin-top:34px}.yfcol__pagination a,.yfcol__pagination span{display:grid;place-items:center;min-width:40px;height:40px;padding:0 10px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--text);text-decoration:none;font-weight:700}.yfcol__pagination a:hover{border-color:var(--green-2);color:var(--green)}.yfcol__pagination .is-current{background:var(--green);color:#fff;border-color:var(--green)}.yfcol__empty{text-align:center;padding:56px 20px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.yfcol__empty-ic{display:inline-grid;place-items:center;width:92px;height:92px;border-radius:50%;background:#eaf6e9;color:var(--green);margin-bottom:18px}.yfcol__empty-ic svg{width:40px;height:40px}.yfcol__empty h2{margin:0 0 8px;font-size:22px;font-weight:900}.yfcol__empty p{margin:0 0 22px;color:var(--muted)}.yfcol__browse{display:inline-block;background:var(--green);color:#fff;font-weight:800;padding:13px 30px;border-radius:14px;text-decoration:none}@media(max-width:900px){.yfcol__layout{grid-template-columns:1fr}.yfcol__filter-toggle{display:inline-flex}.yfcol__filters{position:fixed;top:0;inset-inline-end:0;bottom:0;width:min(340px,86vw);border-radius:0;z-index:50;overflow-y:auto;transform:translate(100%);transition:transform .25s ease}.yfcol__filters.is-open{transform:translate(0)}.yfcol__filters-close{display:block}}@media(max-width:540px){.yfcol__grid{grid-template-columns:repeat(2,1fr);gap:12px}.yfcol__name{font-size:14px}.yfcol__sort{width:100%;margin-inline-start:0}.yfcol__sort select{flex:1}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/yf-collection.css.map */