@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap";.yfp{--green: #2e7d32;--green-2: #4caf50;--orange: #ff9800;--bg-light: #fff8e1;--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:1240px;margin:0 auto;padding:clamp(16px,3vw,32px) clamp(16px,3vw,40px) 40px;color:var(--text);font-family:Cairo,Tajawal,system-ui,-apple-system,Segoe UI,sans-serif}.yfp *,.yfp *:before,.yfp *:after{box-sizing:border-box}.yfp__top{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,44px);align-items:start}.yfp__gallery{position:sticky;top:100px}.yfp__stage{position:relative;border-radius:var(--radius);overflow:hidden;background:linear-gradient(160deg,#fff8e1,#f4faf0);box-shadow:var(--shadow-md);aspect-ratio:1 / 1}.yfp__main{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.yfp__stage:hover .yfp__main{transform:scale(1.05)}.yfp__natural{position:absolute;top:16px;inset-inline-start:16px;z-index:2;background:var(--green);color:#fff;font-weight:800;font-size:13px;padding:8px 14px;border-radius:999px;box-shadow:0 8px 18px #2e7d3257}.yfp__thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:10px;margin-top:14px}.yfp__thumb{border:2px solid transparent;background:#fff;border-radius:16px;padding:0;overflow:hidden;cursor:pointer;aspect-ratio:1 / 1;box-shadow:var(--shadow-sm);transition:border-color .15s ease,transform .15s ease}.yfp__thumb img{width:100%;height:100%;object-fit:cover;display:block}.yfp__thumb:hover{transform:translateY(-2px)}.yfp__thumb.is-active{border-color:var(--green)}.yfp__info{padding-top:6px}.yfp__badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.yfp__badge{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:800;padding:7px 13px;border-radius:999px}.yfp__badge svg{width:15px;height:15px}.yfp__badge--fresh{background:#eaf6e9;color:var(--green)}.yfp__badge--stock{background:#e9f7ef;color:#1b8a4b}.yfp__badge--out{background:#fdecec;color:#d33}.yfp__title{margin:0 0 10px;font-size:clamp(26px,3.4vw,38px);font-weight:900;line-height:1.2;color:var(--text)}.yfp__rating{display:flex;align-items:center;gap:8px;margin-bottom:14px}.yfp__stars{--star: #ffb300;display:inline-block;width:112px;height:20px;background:linear-gradient(90deg,var(--star) calc(var(--rating, 5) / 5 * 100%),#d9dee6 calc(var(--rating, 5) / 5 * 100%));-webkit-mask:repeat-x left center / 22.4px 20px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z'/%3E%3C/svg%3E");mask:repeat-x left center / 22.4px 20px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z'/%3E%3C/svg%3E")}.yfp__rating-count{color:var(--muted);font-size:13px;font-weight:700}.yfp__desc{color:#4b5563;font-size:15px;line-height:1.8;margin-bottom:18px}.yfp__desc p{margin:0 0 8px}.yfp__price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;background:var(--bg-light);border:1px solid #f3e7c0;border-radius:18px;padding:14px 18px;margin-bottom:20px}.yfp__price-now{font-size:clamp(28px,4vw,40px);font-weight:900;color:var(--green);line-height:1}.yfp__price-unit{font-size:15px;font-weight:700;color:var(--muted)}.yfp__price-was{font-size:16px;color:#9aa3af;text-decoration:line-through;margin-inline-start:auto}.yfp__form{margin:0 0 18px}.yfp__field-label,.yfp__qty-label{display:block;font-weight:800;font-size:14px;margin-bottom:8px;color:var(--text)}.yfp__variants{margin-bottom:16px}.yfp__variant-select{width:100%;border:1.5px solid var(--line);border-radius:14px;padding:12px 14px;font:inherit;font-weight:700;background:#fff;cursor:pointer}.yfp__buyrow{display:flex;align-items:center;gap:14px;margin-bottom:16px;flex-direction:row-reverse;justify-content:flex-end}.yfp__qty{display:inline-flex;align-items:center;border:1.5px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}.yfp__qty-btn{width:44px;height:46px;border:0;background:#f6f8f4;color:var(--green);font-size:20px;font-weight:800;cursor:pointer;transition:background .12s ease}.yfp__qty-btn:hover{background:#eaf2e6}.yfp__qty-input{width:56px;height:46px;border:0;text-align:center;font:inherit;font-weight:800;font-size:16px;color:var(--text)}.yfp__actions{display:grid;grid-template-columns:1.4fr 1fr;gap:12px}.yfp__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;cursor:pointer;border-radius:16px;padding:15px 18px;font:inherit;font-weight:800;font-size:16px;transition:transform .14s ease,box-shadow .14s ease,background .14s ease,opacity .14s ease}.yfp__btn:disabled{opacity:.55;cursor:not-allowed}.yfp__btn--cart{background:var(--orange);color:#fff;box-shadow:0 10px 22px #ff980052}.yfp__btn--cart:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 28px #ff980066}.yfp__btn--cart.is-done{background:var(--green);box-shadow:0 10px 22px #2e7d3257}.yfp__btn--buy{background:var(--green);color:#fff;box-shadow:0 10px 22px #2e7d324d}.yfp__btn--buy:hover:not(:disabled){transform:translateY(-2px);background:#266a2a}.yfp__trust{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;list-style:none;margin:0;padding:16px;background:#fafbf8;border:1px solid var(--line);border-radius:18px}.yfp__trust-item{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;font-weight:700;font-size:13px;color:#374151}.yfp__trust-ic{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#eaf6e9;color:var(--green)}.yfp__trust-ic svg{width:22px;height:22px}.yfp__h2{text-align:center;font-size:clamp(22px,2.6vw,30px);font-weight:900;margin:0 0 24px;color:var(--text)}.yfp__why{margin-top:48px}.yfp__why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.yfp__feature{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px 18px;text-align:center;box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .18s ease}.yfp__feature:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.yfp__feature-ic{display:inline-grid;place-items:center;width:60px;height:60px;border-radius:18px;background:linear-gradient(160deg,#eaf6e9,#d8eed7);color:var(--green);margin-bottom:14px}.yfp__feature-ic svg{width:28px;height:28px}.yfp__feature h3{margin:0 0 6px;font-size:17px;font-weight:800}.yfp__feature p{margin:0;font-size:13.5px;color:var(--muted);line-height:1.6}.yfp__specs{margin-top:48px;background:var(--bg-light);border-radius:var(--radius);padding:clamp(22px,3vw,36px)}.yfp__specs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.yfp__spec{background:#fff;border-radius:18px;padding:20px 16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:var(--shadow-sm)}.yfp__spec-ic{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#eaf6e9;color:var(--green);margin-bottom:4px}.yfp__spec-k{font-size:13px;color:var(--muted);font-weight:700}.yfp__spec-v{font-size:16px;font-weight:800;color:var(--text)}.yfp__related{margin-top:48px}.yfp__related-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.yfp__related-head .yfp__h2{margin:0;text-align:right}.yfp__slider-nav{display:flex;gap:8px}.yfp__slider-btn{width:44px;height:44px;border:1px solid var(--line);background:#fff;color:var(--green);border-radius:50%;cursor:pointer;display:grid;place-items:center;box-shadow:var(--shadow-sm);transition:transform .14s ease,background .14s ease,color .14s ease}.yfp__slider-btn:hover{background:var(--green);color:#fff;transform:translateY(-2px)}.yfp__related-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(210px,1fr);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:var(--green-2) transparent}.yfp__related-track::-webkit-scrollbar{height:8px}.yfp__related-track::-webkit-scrollbar-thumb{background:#d7e6d3;border-radius:999px}.yfp__related-track::-webkit-scrollbar-track{background:transparent}.yfp__related-track .yfp__rcard{scroll-snap-align:start}.yfp__rcard{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}.yfp__rcard:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.yfp__rcard-media{position:relative;display:block;aspect-ratio:1 / 1;background:#f7faf3}.yfp__rcard-media img,.yfp__rcard-ph{width:100%;height:100%;object-fit:cover;display:block}.yfp__rcard-wish{position:absolute;top:10px;inset-inline-start:10px;width:34px;height:34px;border:0;cursor:pointer;border-radius:50%;background:#ffffffeb;color:#9aa3af;display:grid;place-items:center;box-shadow:var(--shadow-sm);transition:color .15s ease,transform .15s ease}.yfp__rcard-wish:hover{transform:scale(1.1);color:#ef4444}.yfp__rcard-wish[aria-pressed=true]{color:#ef4444}.yfp__rcard-wish[aria-pressed=true] svg{fill:#ef4444}.yfp__rcard-body{padding:12px 14px 14px}.yfp__rcard-name{margin:0 0 8px;font-size:15px;font-weight:800}.yfp__rcard-name a{color:inherit;text-decoration:none}.yfp__rcard-name a:hover{color:var(--green)}.yfp__rcard-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}.yfp__rcard-price{color:var(--green);font-weight:900;font-size:16px}.yfp__rcard-price small{font-size:11px;color:var(--muted);font-weight:700}.yfp__rcard-add{width:38px;height:38px;flex:none;border:0;cursor:pointer;border-radius:12px;background:var(--green);color:#fff;display:grid;place-items:center;transition:transform .14s ease,background .14s ease}.yfp__rcard-add:hover{transform:scale(1.08);background:#266a2a}.yfp__rcard-add.is-done{background:var(--orange)}.yfp__bottombar{margin-top:48px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;background:linear-gradient(160deg,#f4faf0,#eaf6e9);border-radius:var(--radius);padding:clamp(20px,3vw,30px)}.yfp__bb-item{display:flex;align-items:center;gap:12px}.yfp__bb-ic{flex:none;display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:#fff;color:var(--green);box-shadow:var(--shadow-sm)}.yfp__bb-ic svg{width:26px;height:26px}.yfp__bb-text{display:flex;flex-direction:column;line-height:1.4}.yfp__bb-text strong{font-size:15px;font-weight:800;color:var(--text)}.yfp__bb-text span{font-size:12.5px;color:var(--muted)}@media(max-width:960px){.yfp__top{grid-template-columns:1fr}.yfp__gallery{position:static}.yfp__stage{max-width:520px;margin-inline:auto}.yfp__why-grid,.yfp__specs-grid,.yfp__bottombar{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.yfp__actions{grid-template-columns:1fr}.yfp__related-track{grid-auto-columns:minmax(170px,70%)}.yfp__slider-nav{display:none}}@media(max-width:480px){.yfp__why-grid,.yfp__specs-grid,.yfp__bottombar{grid-template-columns:1fr}.yfp__title{font-size:24px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/yf-product.css.map */