@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap";.yf-header,.yf-header *{font-family:Cairo,Tajawal,system-ui,-apple-system,Segoe UI,sans-serif;box-sizing:border-box}.yf-header{width:100%;z-index:60;direction:rtl;transition:background .3s ease,box-shadow .3s ease,backdrop-filter .3s ease,border-color .3s ease}.yf-header__inner{max-width:1320px;margin:0 auto;display:flex;align-items:center;gap:18px;padding:9px clamp(8px,3vw,20px);min-width:0}.yf-header__logo{flex:0 1 auto;order:0;min-width:0;display:inline-flex;align-items:center}.yf-header__logo img{height:100px;width:auto;max-width:100%;display:block;object-fit:contain;transform:translateY(10px)}.yf-header__menu{order:1;display:flex;align-items:center;gap:clamp(14px,1.6vw,26px);margin-inline-start:clamp(26px,5vw,72px)}.yf-header__link{display:inline-flex;align-items:center;gap:4px;color:#374151;font-weight:700;font-size:15px;white-space:nowrap;text-decoration:none;padding:6px 2px;position:relative;transition:color .15s ease}.yf-header__link:hover,.yf-header__link.is-active{color:#2e7d32}.yf-header__link.is-active:after{content:"";position:absolute;inset-inline:0;bottom:-4px;height:3px;border-radius:3px;background:#2e7d32}.yf-header__actions{order:2;flex:none;display:flex;align-items:center;gap:10px;margin-inline-start:auto}.yf-header__icon{position:relative;width:42px;height:42px;display:inline-grid;place-items:center;border-radius:50%;color:#2e7d32;background:#2e7d321a;border:1px solid rgba(46,125,50,.16);box-shadow:none;transition:transform .15s ease,background .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease}.yf-header__icon:hover{transform:translateY(-2px);color:#fff;background:#2e7d32;border-color:#2e7d32;box-shadow:0 8px 18px #2e7d3252}.yf-header__badge{position:absolute;top:-4px;inset-inline-end:-4px;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;border-radius:999px;background:#ff9800;color:#fff;font-size:11px;font-weight:800;line-height:1}.yf-header__burger{display:none;width:42px;height:42px;border:0;cursor:pointer;border-radius:50%;background:#2e7d321a;border:1px solid rgba(46,125,50,.16);align-items:center;justify-content:center;flex-direction:column;gap:4px;padding:0}.yf-header__burger span{display:block;width:20px;height:2px;border-radius:2px;background:#2e7d32;transition:transform .2s ease,opacity .2s ease}.yf-header{position:fixed;top:0;left:0;right:0;background:#ffffff80;-webkit-backdrop-filter:blur(30px) saturate(185%);backdrop-filter:blur(30px) saturate(185%);border-bottom:1px solid rgba(255,255,255,.5);box-shadow:0 10px 34px #1f29371f}.yf-header--home{position:fixed;top:0;left:0;right:0;background:#ffffff80;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom-color:transparent;box-shadow:none}.yf-header--home.is-scrolled,.yf-header--home.is-menu-open{background:#ffffff80;-webkit-backdrop-filter:blur(30px) saturate(185%);backdrop-filter:blur(30px) saturate(185%);border-bottom:1px solid rgba(255,255,255,.5);box-shadow:0 10px 34px #1f293724}@media(max-width:991px){.yf-header__burger{display:inline-flex}.yf-header__logo img{height:auto;max-height:60px;max-width:40vw;width:auto;transform:translateY(4px)}.yf-header__inner{gap:10px}.yf-header__actions{gap:8px}.yf-header__menu{position:absolute;top:100%;inset-inline:10px;flex-direction:column;align-items:stretch;gap:2px;background:#ffffffb8;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.5);border-radius:16px;padding:10px;box-shadow:0 18px 40px #1f293729;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease}.yf-header.is-menu-open .yf-header__menu{opacity:1;visibility:visible;transform:translateY(8px)}.yf-header__link{padding:12px 14px;border-radius:10px;font-size:16px}.yf-header__link:hover{background:#f3faef}.yf-header__link.is-active:after{display:none}.yf-header__link.is-active{background:#f0f8ea}.yf-header.is-menu-open .yf-header__burger span:nth-child(1){transform:translateY(6px) rotate(45deg)}.yf-header.is-menu-open .yf-header__burger span:nth-child(2){opacity:0}.yf-header.is-menu-open .yf-header__burger span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}}@media(max-width:480px){.yf-header__inner{gap:8px;padding-inline:8px}.yf-header__logo img{max-height:52px;max-width:36vw}.yf-header__icon,.yf-header__burger{width:38px;height:38px}.yf-header__actions{gap:6px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/yf-header.css.map */