.fh-cat-hero__top{display:grid;grid-template-columns:1fr;gap:var(--fh-sp-5);align-items:stretch}.fh-cat-hero__content-box{position:relative;padding:clamp(18px,2vw,28px);overflow:hidden;border:1px solid var(--fh-border);border-left:4px solid var(--fh-red);border-radius:var(--fh-radius-lg, 16px);background:linear-gradient(120deg,var(--fh-white) 0%,var(--fh-bej) 100%);box-shadow:var(--fh-shadow-sm)}@media(min-width:1024px){.fh-cat-hero__top{grid-template-columns:minmax(220px,1fr) 2fr;gap:var(--fh-sp-6);align-items:stretch}}.fh-cat-hero__intro{display:flex;flex-direction:column;justify-content:center;gap:var(--fh-sp-3)}.fh-cat-hero__title{margin:0;font-family:var(--fh-font);font-weight:var(--fh-weight-bold);font-size:clamp(28px,5vw,44px);line-height:1.1;color:var(--section-text, var(--fh-gray-dark));letter-spacing:-.01em}.fh-cat-hero__desc{margin:0;font-family:var(--fh-font);font-size:var(--fh-type-body);line-height:var(--fh-lh-body);color:var(--section-text, var(--fh-gray));max-width:38ch}.fh-cat-hero__banners{display:grid;grid-template-columns:1fr;gap:var(--fh-sp-3)}@media(min-width:768px){.fh-cat-hero__banners{grid-template-columns:1fr 1fr}}.fh-cat-hero__banner{display:block;position:relative;overflow:hidden;background:var(--fh-gray-light);border:1px solid color-mix(in srgb,var(--fh-gray-dark) 10%,transparent);border-radius:var(--fh-radius-md, 12px);text-decoration:none;aspect-ratio:2 / 1;transition:transform var(--fh-dur-base) var(--fh-ease),box-shadow var(--fh-dur-base) var(--fh-ease)}@media(hover:hover){a.fh-cat-hero__banner:hover{transform:translateY(-2px);box-shadow:var(--fh-shadow-md)}}a.fh-cat-hero__banner:focus-visible{outline:2px solid var(--fh-red);outline-offset:2px}.fh-cat-hero__banner-img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.fh-cat-hero__subcats{list-style:none;margin:var(--fh-sp-5) 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--fh-sp-3)}@media(min-width:1024px){.fh-cat-hero__subcats{margin-top:var(--fh-sp-6);gap:var(--fh-sp-4)}}@media(max-width:767px){.fh-cat-hero__subcats{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:var(--fh-sp-3);margin-inline:calc(var(--fh-gutter) * -1);padding-inline:var(--fh-gutter);scrollbar-width:none}.fh-cat-hero__subcats::-webkit-scrollbar{display:none}.fh-cat-hero__subcat-item{flex:0 0 auto;scroll-snap-align:start;width:96px}}.fh-cat-hero__subcat-item{margin:0;padding:0;display:flex}.fh-cat-hero__subcat-link{display:flex;flex-direction:column;align-items:center;gap:var(--fh-sp-2);padding:var(--fh-sp-3) var(--fh-sp-2);border:1px solid var(--fh-border);border-radius:var(--fh-radius-md);background:var(--fh-white);text-decoration:none;color:var(--fh-gray-dark);min-height:var(--fh-touch);width:100%;height:100%;transition:border-color var(--fh-dur-fast) var(--fh-ease),transform var(--fh-dur-fast) var(--fh-ease),box-shadow var(--fh-dur-base) var(--fh-ease)}@media(hover:hover){.fh-cat-hero__subcat-link:hover{border-color:var(--fh-red);transform:translateY(-2px);box-shadow:var(--fh-shadow-sm)}}.fh-cat-hero__subcat-link:focus-visible{outline:2px solid var(--fh-red);outline-offset:2px}.fh-cat-hero__subcat-avatar{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--fh-bej);flex-shrink:0}.fh-cat-hero__subcat-icon{width:32px;height:32px;object-fit:contain}.fh-cat-hero__subcat-icon--placeholder{width:28px;height:28px;opacity:.4}.fh-cat-hero__subcat-label{font-family:var(--fh-font);font-size:13px;font-weight:var(--fh-weight-medium);line-height:1.25;text-align:center;color:var(--fh-gray-dark);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:767px){.fh-cat-hero__subcat-label{font-size:12px;-webkit-line-clamp:4;line-clamp:4}}.fh-cat-hero__tabs-shell{position:relative;margin-top:var(--fh-sp-4);padding:0;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}.fh-cat-hero__tabs-shell .fh-cat-hero__subcats{display:flex;flex-wrap:nowrap;gap:10px;margin:0;padding:2px;overflow-x:auto;scroll-padding-inline:2px;scroll-snap-type:x proximity;scrollbar-color:color-mix(in srgb,var(--fh-red) 60%,transparent) transparent;scrollbar-width:thin}.fh-cat-hero__tabs-shell .fh-cat-hero__subcat-item{flex:1 0 138px;width:auto;min-width:0;scroll-snap-align:start}.fh-cat-hero__tabs-shell .fh-cat-hero__subcat-link{position:relative;min-height:104px;justify-content:center;gap:9px;padding:12px 10px;overflow:hidden;border-color:color-mix(in srgb,var(--fh-gray-dark) 16%,transparent);border-radius:var(--fh-radius-md, 12px);background:color-mix(in srgb,var(--fh-white) 94%,transparent);box-shadow:0 3px 12px #3b3e440d;isolation:isolate}.fh-cat-hero__tabs-shell .fh-cat-hero__subcat-link:before{position:absolute;inset:0 auto 0 0;z-index:-1;width:3px;background:var(--fh-red);content:"";opacity:0;transition:opacity var(--fh-dur-fast) var(--fh-ease)}.fh-cat-hero__tabs-shell .fh-cat-hero__subcat-link:hover{border-color:color-mix(in srgb,var(--fh-red) 55%,var(--fh-border));transform:translateY(-2px)}.fh-cat-hero__tabs-shell .fh-cat-hero__subcat-link[aria-selected=true]{border-color:var(--fh-gray-dark);background:var(--fh-gray-dark);box-shadow:0 8px 20px #3b3e4433;transform:translateY(-1px)}.fh-cat-hero__tabs-shell .fh-cat-hero__subcat-link[aria-selected=true]:before{opacity:1}.fh-cat-hero__tabs-shell .fh-cat-hero__subcat-avatar{width:48px;height:48px;border:1px solid color-mix(in srgb,var(--fh-red) 22%,transparent);border-radius:11px;background:var(--fh-bej);transition:background-color var(--fh-dur-fast) var(--fh-ease),border-color var(--fh-dur-fast) var(--fh-ease)}.fh-cat-hero__tabs-shell .fh-cat-hero__subcat-avatar--all svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7}.fh-cat-hero__tabs-shell .fh-cat-hero__subcat-link[aria-selected=true] .fh-cat-hero__subcat-avatar{border-color:var(--fh-red);background:var(--fh-white);color:var(--fh-red)}.fh-cat-hero__tabs-shell .fh-cat-hero__subcat-icon{width:29px;height:29px}.fh-cat-hero__tabs-shell .fh-cat-hero__subcat-icon--fallback{fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.fh-cat-hero__tabs-shell .fh-cat-hero__subcat-label{color:var(--fh-gray-dark);font-size:12.5px;font-weight:var(--fh-weight-bold);line-height:1.25;transition:color var(--fh-dur-fast) var(--fh-ease)}.fh-cat-hero__tabs-shell .fh-cat-hero__subcat-link[aria-selected=true] .fh-cat-hero__subcat-label{color:var(--fh-white)}.fh-cat-hero__tabs-shell.is-loading .fh-cat-hero__subcat-link[aria-selected=true]:after{position:absolute;inset:auto 12px 7px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--fh-red),transparent);background-size:200% 100%;content:"";animation:fh-category-loading 1.1s linear infinite}#CollectionProductPanel[aria-busy=true],.collection-listing.ajax-loading{opacity:.48;transition:opacity var(--fh-dur-base) var(--fh-ease)}@keyframes fh-category-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:767px){.fh-cat-hero__content-box{padding:16px 14px;border-radius:14px}.fh-cat-hero__tabs-shell{margin-top:var(--fh-sp-4);padding:0;border-radius:0}.fh-cat-hero__tabs-shell .fh-cat-hero__subcats{margin-inline:0;padding:2px 2px 7px}.fh-cat-hero__tabs-shell .fh-cat-hero__subcat-item{flex:0 0 126px}.fh-cat-hero__tabs-shell .fh-cat-hero__subcat-link{min-height:96px;padding:10px 8px}.fh-cat-hero__tabs-shell .fh-cat-hero__subcat-avatar{width:42px;height:42px}.fh-cat-hero__tabs-shell .fh-cat-hero__subcat-icon{width:26px;height:26px}.fh-cat-hero__tabs-shell .fh-cat-hero__subcat-label{font-size:11.5px;-webkit-line-clamp:3;line-clamp:3}}@media(prefers-reduced-motion:reduce){.fh-cat-hero__tabs-shell *,#CollectionProductPanel{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/farmahanem-category-hero.css.map */