/*
 * QATARSHOES THEME — HOMEPAGE EXPLORE BY CATEGORY, MEN (Qatar / Ready to Go)
 *
 * The redesigned section (template-parts/home/explore-men.php):
 *   Heading — title on the left, category tabs on the right.
 *   Card    — one bordered card split in two:
 *             left, the category's name and description, a one-at-a-time
 *             product slider with dots, "Shop all" and the arrows;
 *             right, a 2×2 grid of product cards ruled off by 1px lines.
 *   Mobile  — the heading stacks and the tabs scroll; the card stacks, slider
 *             panel first, grid below.
 *
 * Desktop sizes are the Figma frame's at 1920px wide (card 1840×841, heading
 * row 1840×48) and scale down with the viewport (the clamp() custom
 * properties below) so the card keeps its proportions on smaller desktops.
 *
 * Loaded after homepage-sections.css, so equal-specificity selectors here win
 * by cascade order. Logical properties keep the layout right in Arabic/RTL.
 */

.page-homepage .explore-men-section {
    --em-line: #e0dcd3;
    --em-ink: #2d1f1f;
    --em-muted: #6f6e66;
    --em-pad: clamp(24px, 2.08vw, 40px);
    --em-pad-block: clamp(20px, 1.3vw, 25px);
    --em-cell-pad: clamp(16px, 1.67vw, 32px);
    --em-category: clamp(32px, 2.29vw, 44px);
    --em-description: clamp(15px, 1.04vw, 20px);
    --em-name: clamp(15px, 1.04vw, 20px);
    --em-price: clamp(17px, 1.25vw, 24px);
    background: #ffffff;
}

/* Same gutters as the other homepage sections (homepage-sections.css lists
   those by class, so this one is stated here) */
.page-homepage .explore-men-section.jsx-1401438402 {
    padding: 40px;
}

.page-homepage .explore-men-section > .limited-width-wrapper {
    width: 100%;
    box-sizing: border-box;
}

.page-homepage .explore-men-section [hidden] {
    display: none !important;
}

/* ============================================
   HEADING ROW — title + tabs
   ============================================ */

.page-homepage .explore-men-section .explore-men-heading-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    height: auto;
    /* The 32px down to the card is the shared .showcase-section column gap */
    margin: 0;
    padding: 0;
}

.page-homepage .explore-men-title {
    margin: 0;
}

.page-homepage .explore-men-tabs {
    display: flex;
    align-items: center;
    gap: 12px;
}

/* Same pill as the classic section's tabs */
.page-homepage .explore-men-tab {
    height: 48px;
    padding: 8px 12px;
    border-radius: 8px;
    border: 1px solid rgba(45, 31, 31, 0.10);
    background: transparent;
    color: var(--em-ink);
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-transform: uppercase;
    white-space: nowrap;
    cursor: pointer;
    box-sizing: border-box;
    transition: background-color 0.18s ease, color 0.18s ease;
}

.page-homepage .explore-men-tab:hover {
    border-color: rgba(45, 31, 31, 0.25);
}

.page-homepage .explore-men-tab.is-active {
    background: #1a1a1a;
    border-color: transparent;
    color: #ffffff;
    font-weight: 600;
}

.page-homepage .explore-men-tab:focus-visible,
.page-homepage .explore-men-arrow:focus-visible,
.page-homepage .explore-men-dot:focus-visible,
.page-homepage .explore-men-shop-all:focus-visible {
    outline: 2px solid #1a1a1a;
    outline-offset: 2px;
}

/* ============================================
   CARD
   ============================================ */

.page-homepage .explore-men-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    border: 1px solid var(--em-line);
    border-radius: 24px;
    overflow: hidden;
    background: #ffffff;
    transition: opacity 0.18s ease;
}

/* A tab still loading keeps the previous products on screen, dimmed */
.page-homepage .explore-men-section--loading .explore-men-card {
    opacity: 0.5;
}

/* Nothing in stock for this category: the copy and "Shop all" still lead on */
.page-homepage .explore-men-section--empty .explore-men-card {
    grid-template-columns: minmax(0, 1fr);
}

.page-homepage .explore-men-section--empty .explore-men-slider,
.page-homepage .explore-men-section--empty .explore-men-arrows,
.page-homepage .explore-men-section--empty .explore-men-grid {
    display: none;
}

/* ============================================
   LEFT PANEL — copy, slider, footer
   ============================================ */

.page-homepage .explore-men-feature {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: var(--em-pad-block) var(--em-pad);
    border-inline-end: 1px solid var(--em-line);
    box-sizing: border-box;
}

/* The approved frame sets the category name in Times New Roman (its glyphs
   and widths match it exactly), not the site's display face, Canela Text */
.page-homepage .explore-men-category {
    margin: 0;
    font-family: 'Times New Roman', Times, serif;
    font-size: var(--em-category);
    font-weight: 400;
    line-height: 1.1;
    color: #1a1a1a;
}

/* One line in the frame: the panel, not a fixed measure, bounds it */
.page-homepage .explore-men-description {
    margin: 5px 0 0;
    max-width: none;
    font-family: 'Inter', sans-serif;
    font-size: var(--em-description);
    font-weight: 400;
    line-height: 1.2;
    color: var(--em-muted);
}

.page-homepage .explore-men-slider {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 0;
    padding: 12px 0 42px;
    overflow: hidden;
}

.page-homepage .explore-men-slides {
    display: flex;
    transition: transform 0.45s cubic-bezier(0.25, 0.8, 0.25, 1);
    will-change: transform;
}

.page-homepage .explore-men-slide {
    flex: 0 0 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 0;
    text-align: center;
    color: inherit;
    text-decoration: none;
}

.page-homepage .explore-men-slide-image {
    width: min(60%, 550px);
    aspect-ratio: 1 / 1;
    background: var(--qs-product-image-bg, #FFFFFF);
}

.page-homepage .explore-men-slide-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.page-homepage .explore-men-slide-name {
    margin-top: 20px;
    max-width: 80%;
    font-family: 'Inter', sans-serif;
    font-size: var(--em-name);
    font-weight: 400;
    line-height: 1.4;
    color: var(--em-ink);
}

.page-homepage .explore-men-slide .price-container {
    margin-top: 6px;
}

.page-homepage .explore-men-section .price-container .price {
    font-family: 'Inter', sans-serif;
    font-size: var(--em-price);
    font-weight: 400;
    line-height: 1.3;
    color: var(--em-muted);
}

.page-homepage .explore-men-section .price-container .compare-price {
    font-size: calc(var(--em-price) * 0.7);
}

.page-homepage .explore-men-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    margin-top: 34px;
}

.page-homepage .explore-men-dot {
    width: 11px;
    height: 11px;
    padding: 0;
    border: none;
    border-radius: 999px;
    background: #d4d3ce;
    cursor: pointer;
    transition: width 0.3s ease, background-color 0.3s ease;
}

.page-homepage .explore-men-dot.is-active {
    width: 41px;
    background: #000000;
}

.page-homepage .explore-men-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.page-homepage .explore-men-shop-all {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    min-width: 266px;
    height: 48px;
    padding: 0 32px;
    border-radius: 999px;
    background: #000000;
    color: #ffffff;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    box-sizing: border-box;
    transition: background-color 0.18s ease;
}

.page-homepage .explore-men-shop-all:hover {
    background: #2d1f1f;
    color: #ffffff;
}

html[dir="rtl"] .page-homepage .explore-men-shop-all svg,
html[dir="rtl"] .page-homepage .explore-men-arrow svg {
    transform: scaleX(-1);
}

.page-homepage .explore-men-arrows {
    display: flex;
    gap: 16px;
}

.page-homepage .explore-men-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 1.5px solid var(--em-line);
    border-radius: 50%;
    background: #fcfcfc;
    color: #1a1a1a;
    cursor: pointer;
    transition: border-color 0.18s ease;
}

.page-homepage .explore-men-arrow:hover {
    border-color: #1a1a1a;
}

/* One product: nothing to move between */
.page-homepage .explore-men-section--single .explore-men-dots,
.page-homepage .explore-men-section--single .explore-men-arrows {
    visibility: hidden;
}

/* Slide placeholder until the first products land */
.page-homepage .explore-men-slide--skeleton .explore-men-slide-image {
    background: #f5f5f5;
}

/* ============================================
   RIGHT PANEL — 2×2 product grid
   ============================================ */

/* The 1px gap shows the grid's background through as the dividing rules */
.page-homepage .explore-men-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    min-width: 0;
    background: var(--em-line);
}

.page-homepage .explore-men-grid .product-card-wrapper,
.page-homepage .explore-men-skeleton {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    background: #ffffff;
}

/* A short last row (fewer than four in stock) stays white rather than ruled */
.page-homepage .explore-men-grid > :last-child:nth-child(odd) {
    grid-column: span 2;
}

.page-homepage .explore-men-grid > :last-child:nth-child(odd) > a {
    width: 50%;
}

.page-homepage .explore-men-grid .product-card-wrapper > a.jsx-2594485245 {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 22px var(--em-cell-pad) 30px;
    background: transparent;
    color: inherit;
    text-decoration: none;
    line-height: normal;
    box-sizing: border-box;
}

/* The frame's photo area: the cell's width by the height left above the
   name (396×263 in a 460×420 cell at 1920) */
.page-homepage .explore-men-grid .image-container {
    flex: none;
    width: 100%;
    aspect-ratio: 396 / 263;
    height: auto;
    overflow: hidden;
    background: var(--qs-product-image-bg, #FFFFFF);
}

/* contain: the catalogue mixes square and portrait shots — see featured-edit.css */
.page-homepage .explore-men-grid .image-container img.jsx-2129118153 {
    width: 100%;
    height: 100%;
    margin: 0;
    object-fit: contain;
}

.page-homepage .explore-men-grid .text-wrapper {
    padding-top: 12px;
}

.page-homepage .explore-men-grid .text-wrapper .vertical-spacer,
.page-homepage .explore-men-grid .text-wrapper .brand {
    display: none;
}

/* Two lines reserved, so prices line up across a row whatever the title length */
.page-homepage .explore-men-grid .text-wrapper .model {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: calc(var(--em-name) * 1.4 * 2);
    font-family: 'Inter', sans-serif;
    font-size: var(--em-name);
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0;
    color: var(--em-ink);
}

.page-homepage .explore-men-grid .price-container {
    margin-top: 6px;
}

/* Badge bar on the cell's inset line, level with the photo area's top */
.page-homepage .explore-men-grid .product-card-wrapper > .new-badge,
.page-homepage .explore-men-grid .product-card-wrapper > .qs-custom-badge,
.page-homepage .explore-men-grid .product-card-wrapper > .best-seller-badge,
.page-homepage .explore-men-grid .product-card-wrapper > .sale-badge,
.page-homepage .explore-men-grid .product-card-wrapper > .sold-out-badge,
.page-homepage .explore-men-grid .product-card-wrapper > .low-stock-badge {
    top: 34px;
    left: var(--em-cell-pad);
    right: auto;
    font-size: 14px;
}

html[dir="rtl"] .page-homepage .explore-men-grid .product-card-wrapper > .new-badge,
html[dir="rtl"] .page-homepage .explore-men-grid .product-card-wrapper > .qs-custom-badge,
html[dir="rtl"] .page-homepage .explore-men-grid .product-card-wrapper > .best-seller-badge,
html[dir="rtl"] .page-homepage .explore-men-grid .product-card-wrapper > .sale-badge,
html[dir="rtl"] .page-homepage .explore-men-grid .product-card-wrapper > .sold-out-badge,
html[dir="rtl"] .page-homepage .explore-men-grid .product-card-wrapper > .low-stock-badge {
    left: auto;
    right: var(--em-cell-pad);
}

/* Heart in the photo area's top corner, on the cell's inset line */
.page-homepage .explore-men-grid .product-card-wrapper > .wishlist-heart {
    top: 32px;
    right: var(--em-cell-pad);
    left: auto;
    width: 36px;
    height: 36px;
}

html[dir="rtl"] .page-homepage .explore-men-grid .product-card-wrapper > .wishlist-heart {
    right: auto;
    left: var(--em-cell-pad);
}

/* Loading skeletons — same shimmer as the other homepage grids */
.page-homepage .explore-men-skeleton {
    padding: 22px var(--em-cell-pad) 30px;
}

.page-homepage .explore-men-skeleton-image {
    width: 100%;
    aspect-ratio: 396 / 263;
    background: #f5f5f5;
}

.page-homepage .explore-men-skeleton-line {
    height: 14px;
    margin-top: 16px;
    border-radius: 2px;
    background: #f5f5f5;
}

.page-homepage .explore-men-skeleton-line--short {
    width: 40%;
    margin-top: 10px;
}

@media (prefers-reduced-motion: reduce) {
    .page-homepage .explore-men-slides,
    .page-homepage .explore-men-dot,
    .page-homepage .explore-men-card {
        transition: none;
    }
}

/* ============================================
   DESKTOP ONLY (min-width: 1024px)

   The 2×2 grid sets the card's height (two 420px rows at 1920); the left
   panel takes that height and gives the slide photo whatever is left
   between the copy and the name, so the card no longer grows past the
   frame. Photos stay contained (never cropped) in that area.
   ============================================ */

@media (min-width: 1024px) {

    .page-homepage .explore-men-slides {
        flex: 1;
        min-height: 0;
    }

    .page-homepage .explore-men-slide {
        min-height: 0;
    }

    /* The photo is laid over its box, so its own size never adds height */
    .page-homepage .explore-men-slide-image {
        position: relative;
        flex: 1 1 0;
        width: 100%;
        /* A tab with one row of products makes the card half as tall; keep a
           usable photo instead of letting it collapse. With two rows the photo
           is already taller than this, so nothing changes there. */
        min-height: clamp(200px, 20vw, 380px);
        aspect-ratio: auto;
    }

    .page-homepage .explore-men-slide-image img {
        position: absolute;
        inset: 0;
    }

    /* Placeholder: a square in the middle of the photo area */
    .page-homepage .explore-men-slide--skeleton .explore-men-slide-image {
        width: auto;
        aspect-ratio: 1 / 1;
    }

    /* Figures as drawn: no tracking on the prices */
    .page-homepage .explore-men-section .price-container .price {
        letter-spacing: 0;
    }
}


/* ============================================
   MOBILE + TABLET (max-width: 1023px)

   Figma frame 390px wide (Frame 20). Title centred over the tabs (sized
   as on desktop); one bordered card holding the category copy, the product slider
   with its arrows either side of the dots, and the 2×2 grid ruled off by
   1px lines; "Shop all" full width below the card.

   The card becomes a grid, and the feature panel, its footer and the arrow
   pair use display: contents so their children can be placed in it — the
   arrows beside the dots, "Shop all" after the products — without changing
   the markup the desktop layout uses. None of those three wrappers carries
   a role or label. The border and background are drawn by ::before over the
   first three rows only, which leaves "Shop all" outside the card.
   ============================================ */

@media (max-width: 1023px) {

    .page-homepage .explore-men-section {
        --em-line: #e5e4df;
        --em-pad: 24px;
        --em-ctrl: 46px;
        --em-cell-pad: 14px;
        --em-category: 32px;
        --em-description: 14px;
        --em-name: 12px;
        --em-price: 11px;
    }

    .page-homepage .explore-men-section.jsx-1401438402 {
        padding: 40px 15px;
    }

    /* Title centred over the tabs; the shared wrapper has no column gap on
       phones, so the row spaces itself */
    .page-homepage .explore-men-section .explore-men-heading-row {
        flex-direction: column;
        gap: 20px;
        margin-bottom: 32px;
    }

    .page-homepage .explore-men-section .explore-men-heading-row .explore-men-title {
        margin: 0;
        font-size: 24px;
        text-align: center;
    }

    /* Same tabs as desktop, centred under the title; the row only scrolls
       when they can't fit (narrow phones, long labels) */
    .page-homepage .explore-men-tabs {
        max-width: 100%;
        gap: 6px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .page-homepage .explore-men-tabs::-webkit-scrollbar {
        display: none;
    }

    .page-homepage .explore-men-tab {
        flex: 0 0 auto;
        height: 48px;
        padding: 8px 12px;
        border-radius: 8px;
    }

    @media (max-width: 389px) {
        .page-homepage .explore-men-tab {
            padding: 8px;
        }
    }

    /* ---- Card grid: [pad][arrow][dots/content][arrow][pad] ---- */

    .page-homepage .explore-men-section .explore-men-card {
        position: relative;
        grid-template-columns: var(--em-pad) var(--em-ctrl) minmax(0, 1fr) var(--em-ctrl) var(--em-pad);
        border: none;
        border-radius: 0;
        background: transparent;
        overflow: visible;
    }

    .page-homepage .explore-men-section .explore-men-card::before {
        content: '';
        grid-column: 1 / -1;
        grid-row: 1 / 4;
        border: 1px solid var(--em-line);
        border-radius: 12px;
        background: #fefefe;
        pointer-events: none;
    }

    .page-homepage .explore-men-feature,
    .page-homepage .explore-men-footer,
    .page-homepage .explore-men-arrows {
        display: contents;
    }

    /* ---- Category copy ---- */

    .page-homepage .explore-men-copy {
        grid-column: 2 / 5;
        grid-row: 1;
        padding-top: 18px;
    }

    .page-homepage .explore-men-description {
        margin-top: 16px;
        max-width: none;
        line-height: 22px;
    }

    .page-homepage .explore-men-section--empty .explore-men-copy {
        padding-bottom: 24px;
    }

    /* ---- Slider: image, name, price, then the dots row ---- */

    .page-homepage .explore-men-slider {
        grid-column: 2 / 5;
        grid-row: 2;
        padding: 18px 0 23px;
    }

    /* min-height: 0 keeps a square or portrait photo from stretching the
       4:3 box (and with it every slide) to the photo's own height */
    .page-homepage .explore-men-slide-image {
        width: 100%;
        max-width: 480px;
        aspect-ratio: 4 / 3;
        min-height: 0;
        overflow: hidden;
    }

    .page-homepage .explore-men-slide-name {
        margin-top: 8px;
        max-width: 100%;
        font-size: 13px;
        line-height: 1.4;
        color: #1a1a1a;
    }

    .page-homepage .explore-men-slide .price-container {
        margin-top: 6px;
    }

    .page-homepage .explore-men-section .explore-men-slide .price-container .price {
        font-size: 12px;
    }

    .page-homepage .explore-men-dots {
        height: var(--em-ctrl);
        margin-top: 4px;
        gap: 6px;
    }

    .page-homepage .explore-men-dot {
        width: 6px;
        height: 6px;
    }

    .page-homepage .explore-men-dot.is-active {
        width: 22px;
        background: #3d170e;
    }

    /* Arrows sit in the slider's row, level with the dots (its last 46px
       above the bottom padding) */
    .page-homepage .explore-men-arrow {
        grid-row: 2;
        align-self: end;
        width: var(--em-ctrl);
        height: var(--em-ctrl);
        margin-bottom: 23px;
        border: 1px solid var(--em-line);
        border-radius: 4px;
        background: #fefefe;
    }

    .page-homepage .explore-men-arrow--prev {
        grid-column: 2;
    }

    .page-homepage .explore-men-arrow--next {
        grid-column: 4;
    }

    /* ---- Product grid: flush with the card, ruled off by 1px lines ---- */

    .page-homepage .explore-men-grid {
        grid-column: 1 / -1;
        grid-row: 3;
        margin: 0 1px 1px;
        border-top: 1px solid var(--em-line);
        border-radius: 0 0 11px 11px;
        overflow: hidden;
    }

    .page-homepage .explore-men-grid .product-card-wrapper > a.jsx-2594485245,
    .page-homepage .explore-men-skeleton {
        padding: 33px var(--em-cell-pad) 15px;
    }

    /* A square photo box 132px wide in a 178px cell. On phones the shared
       homepage rule sizes .image-container with height: 0 + padding-top:
       100% of the card's width (homepage-sections.css, which exempts
       Featured Edit the same way), so this restores a square of its own. */
    .page-homepage .explore-men-section .explore-men-grid .image-container,
    .page-homepage .explore-men-section .explore-men-skeleton-image {
        width: 88%;
        height: auto;
        min-height: 0;
        margin: 0 auto;
        padding-top: 0;
        aspect-ratio: 1 / 1;
    }

    /* Name and price sit at the foot of the cell, so prices line up across
       a row whatever the length of the name; level with the card's inset */
    .page-homepage .explore-men-section .explore-men-grid .text-wrapper {
        margin-top: auto;
        padding: 20px 0 0;
    }

    .page-homepage .explore-men-grid .text-wrapper .model {
        min-height: 0;
        line-height: 17px;
        color: #1a1a1a;
    }

    .page-homepage .explore-men-grid .price-container {
        margin-top: 4px;
        font-size: var(--em-price);
        line-height: 1.2;
    }

    .page-homepage .explore-men-grid .product-card-wrapper > .new-badge,
    .page-homepage .explore-men-grid .product-card-wrapper > .qs-custom-badge,
    .page-homepage .explore-men-grid .product-card-wrapper > .best-seller-badge,
    .page-homepage .explore-men-grid .product-card-wrapper > .sale-badge,
    .page-homepage .explore-men-grid .product-card-wrapper > .sold-out-badge,
    .page-homepage .explore-men-grid .product-card-wrapper > .low-stock-badge {
        top: 20px;
        left: var(--em-cell-pad);
        font-size: 10px;
        letter-spacing: 1px;
        padding-inline-start: 6px;
    }

    html[dir="rtl"] .page-homepage .explore-men-grid .product-card-wrapper > .new-badge,
    html[dir="rtl"] .page-homepage .explore-men-grid .product-card-wrapper > .qs-custom-badge,
    html[dir="rtl"] .page-homepage .explore-men-grid .product-card-wrapper > .best-seller-badge,
    html[dir="rtl"] .page-homepage .explore-men-grid .product-card-wrapper > .sale-badge,
    html[dir="rtl"] .page-homepage .explore-men-grid .product-card-wrapper > .sold-out-badge,
    html[dir="rtl"] .page-homepage .explore-men-grid .product-card-wrapper > .low-stock-badge {
        left: auto;
        right: var(--em-cell-pad);
    }

    /* Plain heart, as drawn; the button keeps a 30px tap area */
    .page-homepage .explore-men-grid .product-card-wrapper > .wishlist-heart {
        top: 10px;
        right: 10px;
        left: auto;
        width: 30px;
        height: 30px;
        background: transparent;
        box-shadow: none;
    }

    html[dir="rtl"] .page-homepage .explore-men-grid .product-card-wrapper > .wishlist-heart {
        right: auto;
        left: 10px;
    }

    .page-homepage .explore-men-grid .wishlist-heart svg {
        width: 13px;
        height: 13px;
    }

    .page-homepage .explore-men-grid .wishlist-heart:not(.active) svg {
        stroke: #1a1a1a;
    }

    /* ---- "Shop all": full width below the card ---- */

    .page-homepage .explore-men-shop-all {
        grid-column: 1 / -1;
        grid-row: 4;
        min-width: 0;
        height: 48px;
        margin-top: 32px;
        padding: 0 24px;
        gap: 21px;
        font-size: 14px;
    }
}