/* Shared photo navigation; no physical left/right assumptions. */
.hj-seo-catalog-page .entry-header{display:none}.hj-seo-catalog{max-width:1200px;margin-inline:auto;padding:24px}.hj-seo-catalog>.hj-catalog-title{margin-block:0 20px}.hj-seo-catalog .hj-type-directory{margin-block-end:28px}
.hj-storefront-catalog .category-page-row > .col.large-3,
.hj-storefront-catalog .category-filtering { display: none !important; }
.hj-storefront-catalog .category-page-row > .col.large-9 {
    flex-basis: 100%;
    max-inline-size: 100%;
}
.hj-type-directory,
.hj-quantity-destinations {
    margin-block: 0 32px;
}
.hj-type-directory h2,
.hj-quantity-destinations h2,
.hj-catalog-title {
    color: #36232c;
    font-family: inherit;
    font-size: clamp(20px, 2.2vw, 28px);
    font-weight: 750;
    line-height: 1.5;
    margin-block: 0 18px;
}
.hj-category-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 20px;
}
.hj-category-card {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-inline-size: 0;
    color: #36232c;
    text-decoration: none;
}
.hj-category-card img {
    display: block;
    inline-size: 100%;
    block-size: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    background: #faf7f8;
    border-radius: 6px;
}
.hj-category-card__title { font-size: 17px; font-weight: 750; }
.hj-category-card__action { color: #a83258; font-size: 14px; font-weight: 650; }
.hj-quantity-links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}
.hj-quantity-link {
    padding: 20px 12px;
    min-block-size: 48px;
    text-align: center;
    color: #7c2544;
    border: 1px solid #e7c5d1;
    background: #fff3f7;
    border-radius: 6px;
    font-weight: 750;
}
.hj-child-categories {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-block: 0 24px;
}
.hj-child-categories a {
    display: inline-flex;
    align-items: center;
    min-block-size: 44px;
    padding: 8px 16px;
    color: #8b294b;
    background: #fff5f8;
    border: 1px solid #ead1da;
    border-radius: 6px;
}
.hj-category-card:focus-visible,
.hj-quantity-link:focus-visible,
.hj-child-categories a:focus-visible,
.hj-storefront-catalog .products :is(a, button, input):focus-visible {
    outline: 3px solid #8b294b;
    outline-offset: 3px;
}

/* Preserve Flatsome's native image/box hooks while ordering one card form. */
.hj-storefront-catalog .products.row {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px 16px;
    margin-inline: 0;
}
.hj-storefront-catalog .products.row > .product-small.col {
    inline-size: 100%;
    max-inline-size: 100%;
    min-inline-size: 0;
    padding: 0;
    margin: 0;
}
.hj-storefront-catalog .products .product-small.box {
    display: block;
    background: #fff;
}
.hj-storefront-catalog .products .box-image,
.hj-storefront-catalog .products .box-image > div:first-child {
    aspect-ratio: 1 / 1;
    inline-size: 100%;
    overflow: hidden;
    border-radius: 6px;
    background: #faf7f8;
}
.hj-storefront-catalog .products .box-image a {
    display: block;
    block-size: 100%;
}
.hj-storefront-catalog .products .box-image img {
    inline-size: 100%;
    block-size: 100% !important;
    aspect-ratio: 1 / 1;
    object-fit: cover !important;
}
.hj-products-heading {
    margin: 6px 0 18px;
    color: #24171e;
    font-size: clamp(19px, 2vw, 25px);
    font-weight: 800;
}
.hj-storefront-catalog .products .box-text {
    padding: 10px 0 0;
    text-align: start;
}
.hj-storefront-catalog .hj-product-title {
    font-size: 15px;
    font-weight: 750;
    line-height: 1.6;
    margin: 0 0 3px;
    letter-spacing: normal;
    text-transform: none;
}
.hj-storefront-catalog .hj-product-color {
    font-weight: 800;
    font-size: 12px;
    color: #67545d;
    margin: 0 0 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.hj-collection-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:8px;align-items:end;margin:0 0 18px;padding:10px;border:1px solid #eadce1;border-radius:10px;background:#fff8fb}.hj-collection-tools label{display:flex;min-width:0;flex-direction:column;gap:4px;margin:0}.hj-collection-tools label>span{color:#67545d;font-size:11px;font-weight:800}.hj-collection-tools select{width:100%;height:40px;margin:0;padding:6px 9px;border:1px solid #dcc9d1;border-radius:8px;background:#fff;color:#32232b;font-size:13px;font-weight:700;box-shadow:none}.hj-collection-tools button{height:40px;min-height:40px;margin:0;padding:6px 14px;border:0;border-radius:8px;background:#a83258;color:#fff;font-size:13px;font-weight:800;text-transform:none;letter-spacing:0}
@media(max-width:549px){.hj-collection-tools{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px;padding:8px}.hj-collection-tools button{grid-column:1/-1;height:38px;min-height:38px}.hj-collection-tools select{height:38px;font-size:12px}}
.hj-storefront-catalog .products .price {
    display: block;
    margin: 0 0 5px;
    font-size: 18px;
    line-height: 1.6;
}
.hj-storefront-catalog .hj-product-unit { margin: 0 0 8px; }
.hj-storefront-catalog .hj-unit-badge {
    display: inline-block;
    border-radius: 4px;
    padding: 3px 7px;
    background: #fff0f5;
    color: #8b294b;
    font-size: 11px;
    line-height: 1.5;
}
.hj-storefront-catalog .hijabjumla-quick-add-form { margin: 0; }
.hj-storefront-catalog .hj-quantity-label {
    display: block;
    margin-block-end: 4px;
    font-size: 11px;
    font-weight: 650;
    color: #67545d;
}
.hj-storefront-catalog .hj-card-quantity {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 44px;
    inline-size: 100%;
    min-block-size: 44px;
    border: 1px solid #dbc5ce;
    border-radius: 5px;
    overflow: hidden;
}
.hj-storefront-catalog .hj-card-quantity .hj-quantity-step,
.hj-storefront-catalog .hj-card-quantity input.qty {
    inline-size: 100%;
    min-inline-size: 0;
    max-inline-size: none;
    block-size: 44px;
    margin: 0;
    border: 0;
    box-shadow: none;
    padding: 0;
    background: #fff;
    color: #36232c;
    font: inherit;
    font-size: 16px;
    text-align: center;
}
.hj-storefront-catalog .hj-card-quantity input.qty { appearance: textfield; }
.hj-storefront-catalog .hj-card-quantity input.qty::-webkit-inner-spin-button { appearance: none; }
.hj-storefront-catalog .hijabjumla-quick-add-form .hijabjumla-quick-add-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    inline-size: 100%;
    min-block-size: 44px;
    margin: 8px 0 0;
    border: 1px solid #a83258;
    border-radius: 5px;
    padding: 9px 8px;
    color: #fff;
    background: #a83258;
    font: inherit;
    font-size: 13px;
    font-weight: 750;
    line-height: 1.5;
    letter-spacing: normal;
    text-transform: none;
}
.hj-storefront-catalog .hijabjumla-quick-add-btn svg { flex: 0 0 20px; }
.hj-storefront-catalog .hijabjumla-quick-add-btn:disabled { opacity: .65; cursor: wait; }
.hj-storefront-catalog .hijabjumla-quick-add-msg {
    display: block;
    font-size: 12px;
    line-height: 1.6;
    color: #38643d;
    margin-block-start: 5px;
}
@media (max-width: 900px) {
    .hj-category-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .hj-storefront-catalog .products.row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
    .hj-seo-catalog { padding: 18px 14px 28px; }
    .hj-category-grid,
    .hj-storefront-catalog .products.row { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 12px; }
    .hj-category-card__title { font-size: 15px; }
    .hj-storefront-catalog .hj-product-title { font-size: 14px; }
    .hj-storefront-catalog .products .price { font-size: 16px; }
}
@media (max-width: 340px) {
    .hj-category-grid,
    .hj-quantity-links,
    .hj-storefront-catalog .products.row { grid-template-columns: minmax(0, 1fr); }
}

/* Price row: price on the right, sales-unit badge on its left (RTL). */
.hj-price-row{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px}
.hj-price-row .hj-unit-badge{display:inline-block;margin:0;white-space:nowrap}
.hj-fils-price{white-space:nowrap}

/* Infinite scroll: one load-more button replaces numbered pagination when JS is on. */
.hj-load-more-wrap{text-align:center;margin:22px 0 8px;clear:both}
.hj-load-more{min-width:200px;border-radius:8px;background:#a83258;color:#fff;font-weight:800;text-transform:none;letter-spacing:0}
.hj-load-more:disabled{opacity:.7;cursor:wait}
html.hj-infinite .woocommerce-pagination,html.hj-infinite nav.woocommerce-pagination{display:none}

/* Phone: the type tiles on the one-piece and 12-piece wholesale pages scroll sideways instead of wrapping. */
@media (max-width: 767px) {
    .hj-seo-catalog[data-hj-view="retail"] .hj-category-grid,
    .hj-seo-catalog[data-hj-view="wholesale"] .hj-category-grid {
        display: flex;
        grid-template-columns: none;
        gap: 12px;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-snap-type: x proximity;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-x: contain;
        padding-block-end: 8px;
        scrollbar-width: none;
    }
    .hj-seo-catalog[data-hj-view="retail"] .hj-category-grid::-webkit-scrollbar,
    .hj-seo-catalog[data-hj-view="wholesale"] .hj-category-grid::-webkit-scrollbar { display: none; }
    .hj-seo-catalog[data-hj-view="retail"] .hj-category-card,
    .hj-seo-catalog[data-hj-view="wholesale"] .hj-category-card {
        flex: 0 0 132px;
        width: 132px;
        scroll-snap-align: start;
    }
}

/* Filter chips: one line, click = filter; sort is a compact control at the end. Scrolls sideways when it does not fit. */
.hj-filter-row{display:flex;align-items:center;gap:8px;margin:0 0 18px;padding:2px 0 6px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.hj-filter-row::-webkit-scrollbar{display:none}
.hj-chip{flex:none;display:inline-flex;align-items:center;min-height:38px;padding:6px 16px;border:1px solid #eadce1;border-radius:999px;background:#fff;color:#32232b;font-size:14px;font-weight:700;line-height:1.2;text-decoration:none;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}
.hj-chip:hover{border-color:#d94f7c;color:#a83258}
.hj-chip[aria-current="true"]{background:#a83258;border-color:#a83258;color:#fff}
.hj-chip:focus-visible,.hj-sort select:focus-visible{outline:2px solid #a83258;outline-offset:2px}
.hj-sort{flex:none;margin:0 auto 0 0;margin-inline-start:auto}
.hj-sort select{height:38px;min-height:38px;margin:0;padding:4px 12px;border:1px solid #eadce1;border-radius:999px;background:#fff;color:#32232b;font-size:13px;font-weight:700;box-shadow:none;width:auto}
.hj-sort button{height:38px;margin:0 6px 0 0;padding:4px 14px;border:0;border-radius:999px;background:#a83258;color:#fff;font-weight:800}