/* Home and navigation: nopCommerce components in the NIMANY storefront layout. */
.visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}
.skip { position: fixed; inset-block-start: -100px; inset-inline-start: 20px; z-index: 100; padding: 12px; background: #fff; }
.skip:focus { inset-block-start: 12px; }
.store-header { inset-block-start: -36px; }
.header-announcement { min-height: 36px; padding: 7px 20px; background: #000; color: #fff; text-align: center; font-size: 12px; }
.header-lower {
    position: relative;
    display: grid;
    grid-template-areas: "logo menu actions";
    grid-template-columns: 125px minmax(0, 1fr) auto;
    gap: 38px;
    min-height: 112px;
    border-block-end: 1px solid var(--color-line);
}
.header-logo { grid-area: logo; width: 125px; }
.header-menu { grid-area: menu; width: auto; min-width: 0; margin: 0; padding: 0; border: 0; }
.header-upper { grid-area: actions; width: auto; min-height: 0; margin: 0; padding: 0; border: 0; gap: 12px; }
.header-selectors-wrapper, .header-links-wrapper, .header-links ul { gap: 12px; }
.header-selectors-wrapper select { max-width: 95px; min-height: 34px; padding: 3px 20px 3px 4px; border: 0; font-size: 12px; }
.header-selectors-wrapper .language-list { display: flex; gap: 6px; list-style: none; padding: 0; margin: 0; }
.header-links ul { flex-wrap: nowrap; }
.header-links .ico-account, .header-links .ico-login, .header-links .ico-wishlist, .header-links .ico-cart,
.header-search summary { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 40px; }
.header-links svg, .header-search svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }
.header-links .wishlist-label, .header-links .cart-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
.header-links .wishlist-qty, .header-links .cart-qty { position: absolute; inset-block-end: 0; inset-inline-end: -4px; color: #fff; background: #000; border-radius: 50%; padding: 0 3px; min-width: 17px; line-height: 17px; text-align: center; font-size: 9px; }
.header-links .ico-register, .header-links .ico-logout, .header-links .ico-inbox { font-size: 11px; }
.header-links-wrapper { position: relative; }
.header-search { position: relative; }
.header-search summary { list-style: none; cursor: pointer; }
.header-search summary::-webkit-details-marker { display: none; }
.header-search .search-box { position: absolute; inset-block-start: calc(100% + 24px); inset-inline-end: 0; z-index: 36; width: min(450px, calc(100vw - 36px)); padding: 18px; border: 1px solid var(--color-line); background: #fff; box-shadow: 0 10px 24px #00000012; }
.header-search .search-box form { display: flex; gap: 6px; }
.header-search .search-box select { max-width: 120px; }
.header-search .search-box-text { flex: 1; }
.header-search .search-box-button { flex: 0 0 auto; }
.flyout-cart { inset-block-start: calc(100% + 24px); }

.menu-container { position: static; }
.menu { gap: 25px; width: auto; flex-wrap: wrap; }
.menu__backdrop, .menu__drawer-heading { display: none; }
.menu > .menu__item { position: static; display: flex; align-items: center; gap: 5px; padding-block: 38px; }
.menu__link { font-size: 13px; }
.menu__item-toggle { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 30px; padding: 0; border: 0; background: transparent; }
.menu__item-toggle span { width: 7px; height: 7px; border-inline-end: 1px solid; border-block-end: 1px solid; transform: rotate(45deg) translateY(-2px); }
.menu__item-toggle[aria-expanded="true"] span { transform: rotate(225deg) translate(-2px, -1px); }
.menu > .menu__item > .menu__list-view, .menu > .menu__item > .menu__grid-view {
    inset-block-start: 100%; inset-inline: calc(50% - 50vw); z-index: 35; min-width: 0; max-height: 70vh;
    padding: 38px max(48px, calc((100vw - 1360px) / 2)); background: #f3f3f3; border: 1px solid var(--color-line);
    box-shadow: 0 10px 12px #00000008;
}
.menu > .menu__item.menu-dropdown--active > .menu__list-view,
.menu > .menu__item.menu-dropdown--active > .menu__grid-view { display: grid; grid-template-columns: repeat(var(--menu-columns, 6), minmax(0, 1fr)); gap: 25px 32px; }
.menu > .menu__item > .menu__list-view > .menu__item { padding: 0; }
.menu > .menu__item > .menu__list-view > .menu__item > .menu__link,
.menu__group > .menu__item > .menu__link,
.menu__group-title { font-size: 13px; font-weight: 700; }
.menu__category-column > .menu__item > .menu__link { display: block; margin-block-end: 2px; color: #303030; font-weight: 700; }
.menu__category-column > .menu__item > .menu__list-view > .menu__item > .menu__link { color: #525252; font-weight: 400; }
.menu > .menu__item > .menu__list-view > .menu__item > .menu__item-toggle { display: none; }
.menu > .menu__item > .menu__list-view > .menu__item > .menu__list-view { position: static; display: block; min-width: 0; max-height: none; padding: 6px 0 0; border: 0; background: none; box-shadow: none; overflow: visible; }
.menu__list-view .menu__item { padding-block: 2px; }
.menu__list-view .menu__link, .menu__grid-view .menu__link { color: #525252; font-size: 13px; white-space: normal; }
.menu__grid-view .menu__group { min-width: 0; }
.menu__grid-view .menu__image { display: block; width: 100%; max-height: 140px; object-fit: cover; margin-block-end: 10px; }
.menu__row-braker { display: none; }
@media (hover: hover) and (min-width: 1101px) {
    .menu > .menu__item:hover > .menu__list-view, .menu > .menu__item:hover > .menu__grid-view { display: grid; grid-template-columns: repeat(var(--menu-columns, 6), minmax(0, 1fr)); gap: 25px 32px; }
}
@media (min-width: 1101px) {
    .menu > .menu__item .menu__list-view .menu__item-toggle,
    .menu > .menu__item .menu__grid-view .menu__item-toggle { display: none; }
    .menu > .menu__item .menu__list-view .menu__list-view,
    .menu > .menu__item .menu__grid-view .menu__list-view { position: static; display: block; min-width: 0; max-height: none; overflow: visible; padding: 5px 0 0; border: 0; background: transparent; box-shadow: none; }
    .menu > .menu__item .menu__list-view .menu__list-view .menu__list-view,
    .menu > .menu__item .menu__grid-view .menu__list-view .menu__list-view { padding-inline-start: 12px; }
}

.html-home-page .master-wrapper-content { width: 100%; max-width: none; padding-inline: 0; }
.html-home-page .home-page { padding: 0; }
.nimani-hero { position: relative; isolation: isolate; background: #ececec; }
.nimani-hero::after { content: ""; position: absolute; inset: 0; z-index: 0; background: linear-gradient(transparent 40%, #0008); pointer-events: none; }
.nimani-hero > img { display: block; width: 100%; aspect-ratio: 2.39; object-fit: cover; }
.nimani-hero-copy { position: absolute; z-index: 1; inset-inline-end: 7%; inset-block-end: 13%; max-width: min(600px, 75%); color: #fff; text-align: end; text-shadow: 0 1px 9px #0007; }
.nimani-hero-copy h1 { font-size: clamp(22px, 3.1vw, 47px); font-weight: 400; }
.nimani-hero-copy p { margin-block: 8px 20px; font-size: 14px; }
.nimani-hero-link { display: inline-flex; align-items: center; gap: 18px; min-height: 44px; padding: 9px 20px; border: 1px solid #fff; color: #fff; }
.nimani-hero-link:hover { color: #111; background: #fff; text-shadow: none; }
html[dir="rtl"] .nimani-hero-link span, html[dir="rtl"] .category-card-arrow { transform: scaleX(-1); }
.nimani-home-content { width: min(calc(100% - 96px), 1360px); margin-inline: auto; padding-block: 48px 84px; }
.nimani-home-content > .topic-block { max-width: 760px; margin-inline: auto; text-align: center; }
.nimani-home-content > .topic-block:has(.topic-block-body:empty) { display: none; }
.nimani-home-content > .category-grid, .nimani-home-content > .product-grid,
.nimani-home-content > .news-list-homepage { display: block; padding-block: 42px; }
.nimani-home-content .category-grid > .title, .nimani-home-content .product-grid > .title,
.nimani-home-content .news-list-homepage > .title { margin: 0 0 30px; font-size: clamp(24px, 2.7vw, 34px); font-weight: 400; }
.nimani-home-content .item-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px 24px; }
.nimani-home-content .category-grid .item-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; padding: 0; margin: 0; list-style: none; }
.home-page-category-grid .item-box { min-width: 0; }
.category-card-link { display: block; height: 100%; color: inherit; text-align: center; text-decoration: none; }
.category-card .picture { position: relative; overflow: hidden; aspect-ratio: 1; border-radius: 3px; background: #f5f5f5; }
.category-card .picture img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
/* Keep category cards close to the storefront collection cards: image first, title below. */
.category-card-overlay { display: none; }
.category-card-title { display: flex; align-items: center; justify-content: center; gap: 9px; margin: 14px 0 0; font-size: 15px; font-weight: 400; line-height: 1.5; }
.category-card-arrow { flex: 0 0 14px; width: 14px; height: 10px; fill: none; stroke: currentColor; stroke-width: 1; transition: transform .2s ease; }
.category-card-link:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
@media (hover: hover) {
    .category-card-link:hover .picture img { transform: scale(1.03); }
    .category-card-link:hover .category-card-title { text-decoration: underline; text-underline-offset: 3px; }
    .category-card-link:hover .category-card-arrow { transform: translateX(3px); }
    html[dir="rtl"] .category-card-link:hover .category-card-arrow { transform: scaleX(-1) translateX(3px); }
}
@media (prefers-reduced-motion: reduce) {
    .category-card .picture img, .category-card-arrow { transition: none; }
}
@media (max-width: 749px) {
    .nimani-home-content .category-grid .item-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 12px; }
    .category-card-title { margin-block-start: 10px; font-size: 13px; }
}
.nimani-home-content .product-item { min-width: 0; }
.nimani-home-content .product-item .picture { position: relative; background: #f8f8f8; }
.nimani-home-content .product-item .picture img { display: block; width: 100%; aspect-ratio: 1; object-fit: contain; }
.nimani-home-content .product-item .details { padding-block-start: 14px; }
.nimani-home-content .product-item .product-title { margin: 0; font-size: 13px; line-height: 1.6; font-weight: 400; }
.nimani-home-content .product-item .description[data-short-description="none"] { display: none; }
.nimani-home-content .product-item .prices { margin-block: 5px 12px; font-size: 14px; }
.nimani-home-content .product-item .buttons { gap: 6px; margin-block-start: 10px; }
.nimani-home-content .product-item .buttons button { min-height: 36px; padding: 6px 9px; font-size: 11px; }

@media (max-width: 1100px) {
    html:has(.menu-container.menu-dropdown--active) { overflow: hidden; }
    .header-lower { grid-template-areas: "menu logo actions"; grid-template-columns: 38px 110px minmax(0, 1fr); min-height: 80px; gap: 12px; padding-inline: 28px; }
    .header-logo { width: 110px; }
    .header-menu { overflow: visible; }
    .menu__toggle { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 42px; padding: 0; border: 0; background: transparent; }
    .menu__toggle-icon, .menu__toggle-icon::before, .menu__toggle-icon::after { display: block; width: 21px; height: 1px; background: #111; }
    .menu__toggle-icon { position: relative; }
    .menu__toggle-icon::before, .menu__toggle-icon::after { content: ""; position: absolute; inset-inline-start: 0; }
    .menu__toggle-icon::before { inset-block-start: -7px; }
    .menu__toggle-icon::after { inset-block-start: 7px; }
    .menu { position: fixed; inset-block: 0; inset-inline-start: 0; inset-inline-end: auto; z-index: 41; display: none; width: min(420px, 88vw); max-height: 100vh; overflow-y: auto; padding: 0 24px 28px; background: #fff; border: 0; box-shadow: 0 12px 30px #00000024; }
    .menu-container.menu-dropdown--active > .menu { display: block; }
    .menu-container.menu-dropdown--active > .menu__backdrop { display: block; position: fixed; inset: 0; z-index: 40; width: 100%; height: 100%; padding: 0; border: 0; background: #0008; }
    .menu__drawer-heading { display: flex; align-items: center; justify-content: space-between; min-height: 76px; margin-block-end: 8px; border-block-end: 1px solid var(--color-line); font-size: 16px; }
    .menu__close { width: 40px; height: 40px; padding: 0; border: 0; background: transparent; font-size: 28px; line-height: 1; }
    .menu > .menu__item { position: relative; display: block; padding-block: 0; border-block-end: 1px solid #eee; }
    .menu > .menu__item > .menu__link { min-height: 48px; padding-block: 13px; }
    .menu__item-toggle { float: inline-end; width: 44px; height: 48px; }
    .menu > .menu__item > .menu__list-view, .menu > .menu__item > .menu__grid-view,
    .menu__list-view, .menu__grid-view { position: static; min-width: 0; max-height: none; padding: 4px 12px 16px; border: 0; background: #f7f7f7; box-shadow: none; overflow: visible; }
    .menu > .menu__item.menu-dropdown--active > .menu__list-view, .menu > .menu__item.menu-dropdown--active > .menu__grid-view { display: block; }
    .menu > .menu__item > .menu__list-view > .menu__item { padding-block: 5px; }
    .menu > .menu__item > .menu__list-view > .menu__item > .menu__item-toggle { display: inline-flex; height: 35px; }
    .menu > .menu__item > .menu__list-view > .menu__item > .menu__list-view { display: none; padding: 2px 12px 8px; }
    .menu > .menu__item > .menu__list-view > .menu__item.menu-dropdown--active > .menu__list-view { display: block; }
    .menu__grid-view .menu__group { margin-block: 12px; }
    .menu__grid-view .menu__group > .menu__item > .menu__item-toggle { height: 35px; }
    .menu__grid-view .menu__image { display: none; }
    .header-upper { flex-direction: row; align-items: center; justify-content: flex-end; max-height: none; overflow: visible; }
}
@media (max-width: 680px) {
    .header-lower { grid-template-columns: 34px 90px minmax(0, 1fr); gap: 6px; min-height: 70px; padding-inline: 14px; }
    .header-logo { width: 90px; }
    .header-upper { flex-wrap: wrap; padding-block: 8px; }
    .header-selectors-wrapper, .header-links ul { flex-wrap: wrap; }
    .header-upper, .header-selectors-wrapper, .header-links-wrapper, .header-links ul { gap: 5px; }
    .header-selectors-wrapper select { max-width: 70px; font-size: 10px; }
    .header-links .ico-register, .header-links .ico-logout, .header-links .ico-inbox { font-size: 10px; }
    .header-links .ico-account, .header-links .ico-login, .header-links .ico-wishlist, .header-links .ico-cart, .header-search summary { width: 27px; }
    .header-links svg, .header-search svg { width: 19px; height: 19px; }
    .header-search .search-box, .flyout-cart { inset-block-start: calc(100% + 15px); }
    .nimani-hero > img { min-height: 330px; aspect-ratio: auto; }
    .nimani-hero-copy { inset-inline-end: 7%; inset-block-end: 9%; max-width: 85%; }
    .nimani-hero-copy p { font-size: 12px; }
    .nimani-home-content { width: calc(100% - 36px); padding-block: 24px 50px; }
    .nimani-home-content > .category-grid, .nimani-home-content > .product-grid, .nimani-home-content > .news-list-homepage { padding-block: 28px; }
    .nimani-home-content .item-grid, .nimani-home-content .category-grid .item-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 12px; }
}