/* ================================================
   Producer Details Page  (prefix: prод- / prod-)
   ================================================ */

/* ── Page wrapper ── */
.prd-page {
    width: 100%;
    padding: 40px 0px;
    display: inline-flex;
    flex-direction: column;
    gap: 32px;
}

.prd-container {    
    display: flex;
    flex-direction: column;
    gap: 32px;
}

/* ── Breadcrumb ── */
.prd-breadcrumb {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.prd-breadcrumb__item {
    color: #88867D;
    font-size: 12px;
    font-family: var(--font-body);
    font-weight: 400;
    line-height: 20px;
    text-decoration: none;
}

.prd-breadcrumb__item--active {
    font-weight: 500;
}

.prd-breadcrumb__sep {
    position: relative;
    display: inline-flex;
}

/* ── Gallery ── */
.prd-gallery {
    display: flex;
    width: 100%;
    height: 420px;
    overflow: hidden;
    gap: 8px; /* odstęp między zdjęciami */
}

    .prd-gallery img {
        object-fit: cover;
        width: 100%;
        height: 100%;
        border-radius: 24px; /* radius z Figmy */
    }

    /* 1 zdjęcie */
    .prd-gallery.count-1 img {
        width: 100%;
    }

    /* 2 zdjęcia */
    .prd-gallery.count-2 img {
        width: calc(50% - 4px); /* 8px gap / 2 strony */
    }

    /* 3 zdjęcia */
    .prd-gallery.count-3 .left {
        width: calc(50% - 4px);
        height: 420px;
    }

    .prd-gallery.count-3 .right {
        width: calc(50% - 4px);
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

        .prd-gallery.count-3 .right img {
            height: calc(50% - 4px); /* 210px minus połowa gap */
        }

    /* 4 zdjęcia */
    .prd-gallery.count-4 .left {
        width: calc(50% - 6px); /* 8px gap + 8px gap / 2 */
        height: 420px;
    }

    .prd-gallery.count-4 .middle {
        width: calc(25% - 6px);
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

        .prd-gallery.count-4 .middle img {
            height: calc(50% - 4px);
        }

    .prd-gallery.count-4 .right {
        width: calc(25% - 6px);
        height: 420px;
    }


/* ── Body row: content + TOC ── */
.prd-body {
    display: flex;
    align-items: flex-start;
    gap: 40px;
}

/* ── Content area ── */
.prd-content {
    width: 894px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 72px;
}

/* ── Table of Contents ── */
.prd-toc {
    width: 180px;
    flex-shrink: 0;
    position: sticky;
    top: 100px;
    align-self: flex-start;
}

.prd-toc__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.prd-toc__item {
    display: block;
}

.prd-toc__link {
    color: #88867D;
    font-size: 14px;
    font-family: 'DM Sans', sans-serif;
    font-weight: 500;
    line-height: 22px;
    word-wrap: break-word;
    text-decoration: none;
    display: block;
    transition: color 0.15s;
}

.prd-toc__link:hover {
    color: #21241D;
}

/* ── Header block ── */
.prd-header {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.prd-header__top {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.prd-header__title-row {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}

.prd-header__title {
    flex: 1 1 0;
    color: #21241D;
    font-size: 40px;
    font-family: var(--font-serif);
    font-weight: 400;
    line-height: 48px;
    margin: 0;
}

.prd-rating {
    display: flex;
    align-items: center;
    gap: 8px;
}

.prd-rating__text {
    color: #21241D;
    font-size: 14px;
    font-family: var(--font-sans);
    font-weight: 400;
    line-height: 22px;
}

.prd-labels {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    align-self: stretch;
}

.prd-label {
    padding: 2px 12px;
    border-radius: 6px;
    font-size: 12px;
    font-family: var(--font-body);
    font-weight: 400;
    line-height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.prd-label--green  { background: #BCC79D; color: #21241D; }
.prd-label--yellow { background: #E3EA40; color: #21241D; }

/* ── Location ── */
.prd-location {
    display: inline-flex;
    align-items: flex-start;
    gap: 8px;
}

.prd-location__link {
    color: #3E4A29;
    font-size: 16px;
    font-family: var(--font-body);
    font-weight: 400;
    text-decoration: underline;
    line-height: 24px;
}

.prd-location__distance {
    color: #21241D;
    font-size: 16px;
    font-family: var(--font-body);
    font-weight: 400;
    line-height: 24px;
}

/* ── Category icons ── */
.prd-categories {
    display: inline-flex;
    align-items: flex-start;
    gap: 24px;
    margin-top: 32px;
}

.prd-category {
    width: 78px;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.prd-category__icon {
    width: 64px;
    height: 64px;
    padding: 10px;
    background: #E5E4D4;
    border-radius: 16px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

.prd-category__label {
    align-self: stretch;
    text-align: center;
    color: #21241D;
    font-size: 12px;
    font-family: var(--font-body);
    font-weight: 400;
    line-height: 18px;
}

/* ── Section ── */
.prd-section {
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-self: stretch;
}

.prd-additional-products{
    gap: 0px !important;
}

.prd-heading-products{
    margin-bottom: 40px;
}

.prd-section__heading {
    color: #21241D;
    font-size: 32px;
    font-family: var(--font-serif);
    font-weight: 400;
    line-height: 40px;
    margin: 0;
}

.prd-section__heading-row {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}

/* ── Video / event banner ── */
.prd-event {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-self: stretch;
}

.prd-event__image {
    align-self: stretch;
    height: 420px;
    border-radius: 24px;
    object-fit: cover;
    background: #E0E0E0;
    display: block;
}

.prd-event__overlay {
    width: 100%;
    height: 420px;
    left: 0;
    top: 80px;
    position: absolute;
    background: rgba(31, 41, 51, 0.30);
    border-radius: 24px;
}

.prd-event__play {
    left: 415px;
    top: 258px;
    position: absolute;
}

/* ── Cert cards ── */
.prd-cert-list {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-self: stretch;
}

.prd-cert-card {
    align-self: stretch;
    padding: 24px;
    background: white;
    border-radius: 24px;
    display: inline-flex;
    align-items: center;
    gap: 16px;
}

.prd-cert-card__icon {
    width: 64px;
    height: 64px;
    padding: 10px;
    background: #E5E4D4;
    border-radius: 16px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

.prd-cert-card__body {
    flex: 1 1 0;
    display: inline-flex;
    flex-direction: column;
    gap: 8px;
}

.prd-cert-card__header {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}

.prd-cert-card__title-row {
    display: flex;
    align-items: center;
    gap: 12px;
}

.prd-cert-card__title {
    color: #21241D;
    font-size: 16px;
    font-family: var(--font-body);
    font-weight: 500;
    line-height: 24px;
}

.prd-cert-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 12px;
    background: #E3EA40;
    border-radius: 6px;
    font-size: 12px;
    font-family: var(--font-body);
    font-weight: 400;
    line-height: 20px;
    color: #21241D;
}

.prd-cert-badge__stars {
    display: inline-flex;
    align-items: center;
}

.prd-cert-card__tags {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    color: #88867D;
    font-size: 12px;
    font-family: var(--font-body);
    font-weight: 400;
    line-height: 20px;
}

.prd-dot {
    display: inline-flex;
}

/* ── Meet us / about ── */
.prd-about {
    display: inline-flex;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
}

.prd-about__photo {
    width: 180px;
    height: 180px;
    border-radius: 24px;
    object-fit: cover;
    background: #E0E0E0;
    flex-shrink: 0;
    display: block;
}

.prd-about__body {
    flex: 1 1 0;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    gap: 12px;
}

.prd-about__name {
    color: #21241D;
    font-size: 24px;
    font-family: var(--font-serif);
    font-weight: 400;
    line-height: 32px;
    margin: 0;
}


.prd-about__bio {
    color: #21241D;
    font-size: 14px;
    font-family: var(--font-body);
    font-weight: 400;
    line-height: 22px;
    align-self: stretch;
    white-space: pre-line;
}

.prd-about__bio_text {
    color: #21241D;
    font-size: 14px;
    font-family: var(--font-body);
    font-weight: 400;
    line-height: 22px;
    align-self: stretch;
    display: none;
    white-space: pre-line;
}

@media (max-width: 650px) {
    .prd-about__bio {
        display: none;
    }

    .prd-about__bio_text
    {
        display: block;
    }
}


/* ── Product cards row ── */
.prd-products-row {
    display: inline-flex;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
    overflow: hidden;
}

.prd-products-row--scroll {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    cursor: grab;
}

.prd-products-row--scroll.prd-products-row--dragging {
    cursor: grabbing;
    scroll-snap-type: none;
    user-select: none;
}

.prd-products-row--scroll.prd-products-row--dragging .prd-product-card {
    pointer-events: none;
}


.prd-products-row--scroll::-webkit-scrollbar {
    display: none;
}

.prd-products-row--scroll .prd-product-card {
    scroll-snap-align: start;
    flex-shrink: 0;
}

.prd-products-scrollbar {
    position: relative;
    height: 4px;
    width: 100%;
    background: #C5C5B3;
    border-radius: 2px;
    margin-top: 16px;
    display: none;
}

.prd-products-scrollbar__thumb {
    position: absolute;
    height: 4px;
    top: 0;
    left: 0;
    background: #21241D;
    border-radius: 2px;
    cursor: grab;
    user-select: none;
}

.prd-products-scrollbar__thumb:active {
    cursor: grabbing;
}

.prd-product-card {
    width: 287px;
    padding: 16px;
    border-radius: 16px;
    outline: 1px #C5C5B3 solid;
    outline-offset: -1px;
    display: inline-flex;
    flex-direction: column;
    gap: 12px;
    flex-shrink: 0;
}


a.prd-product-card {
    outline: 1px #C5C5B3 solid;
}

.prd-product-card__image-wrap {
    align-self: stretch;
    height: 250px;
    position: relative;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.prd-product-card__producer-image-wrap {    
    left: 12px;
    bottom: -12px;
    position: absolute;
    border-radius: 12px;
    display: flex;
}

.prd-product-card__producer-image {
   width: 64px;
   height: 64px;
   object-fit: cover;
   border-radius: 12px;
}

.prd-product-card__image {
    width: 250px;
    height: 250px;
    object-fit: cover;
    border-radius: 16px;
}

.prd-product-card__info {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-self: stretch;
    margin-top: 8px;
}

.prd-product-card__top-row {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}

.prd-product-card__producer {
    color: #21241D;
    font-size: 12px;
    font-family: var(--font-body);
    font-weight: 400;
    line-height: 20px;
}

.prd-product-card__name {
    color: #21241D;
    font-size: 16px;
    font-family: var(--font-body);
    font-weight: 600;
    line-height: 24px;
    align-self: stretch;
    margin: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
}

.prd-product-card__price {
    align-self: stretch;
}

.prd-product-card__price-value {
    color: #21241D;
    font-size: 16px;
    font-family: var(--font-body);
    font-weight: 600;
    line-height: 24px;
}

.prd-product-card__price-unit {
    color: #88867D;
    font-size: 16px;
    font-family: var(--font-body);
    font-weight: 400;
    line-height: 24px;
}

/* ── Delivery cards ── */
.prd-delivery-list {
    display: inline-flex;
    align-items: flex-start;
    gap: 24px;
    flex-wrap: wrap;
    align-content: flex-start;
    align-self: stretch;
}

.prd-delivery-card {
    width: 435px;
    padding: 24px;
    background: white;
    border-radius: 20px;
    display: inline-flex;
    flex-direction: column;
    gap: 16px;
}

.prd-delivery-card__header {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}

.prd-delivery-card__title-row {
    display: flex;
    align-items: center;
    gap: 8px;
}

.prd-delivery-card__icon-circle {
    width: 24px;
    height: 24px;
    background: #BCC79D;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

.prd-delivery-card__name {
    color: #21241D;
    font-size: 16px;
    font-family: var(--font-body);
    font-weight: 600;
    line-height: 24px;
}

.prd-delivery-card__price {
    color: #21241D;
    font-size: 16px;
    font-family: var(--font-body);
    font-weight: 400;
    line-height: 24px;
}

.prd-delivery-card__tags {
    display: inline-flex;
    align-items: flex-start;
    gap: 8px;
    flex-wrap: wrap;
}

.prd-delivery-card__tag {
    padding: 4px 12px;
    background: #E5E4D4;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 4px;
    color: #21241D;
    font-size: 12px;
    font-family: var(--font-body);
    font-weight: 400;
    line-height: 20px;
}

/* ── Map section ── */
.prd-map {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-self: stretch;
}

.prd-map__image {
    align-self: stretch;
    height: 420px;
    border-radius: 24px;
    object-fit: cover;
    background: #E0E0E0;
    display: block;
}

.prd-map__pin {
    left: 396px;
    top: 261px;
    position: absolute;
}

.prd-map__info {
    padding: 24px;
    left: 24px;
    bottom: 24px;
    z-index: 1000;
    position: absolute;
    background: white;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.prd-map__address {
    color: #21241D;
    font-size: 14px;
    font-family: var(--font-body);
    line-height: 22px;
}

.prd-map__address strong {
    font-weight: 500;
}

/* ── Tablet and mobile layout ── */
@media (max-width: 1249px) {
    .prd-page {
        padding: 32px 0 48px;
        gap: 24px;
    }

    .prd-container {
        gap: 24px;
    }

    .prd-body {
        display: block;
    }

    .prd-content {
        width: 100%;
        gap: 48px;
    }

    .prd-toc {
        display: none;
    }

    .prd-delivery-card {
        box-sizing: border-box;
        width: calc(50% - 12px);
    }
}

@media (max-width: 600px) {
    .prd-page {
        padding: 16px 0 40px;
        gap: 16px;
    }

    .prd-container {
        gap: 16px;
    }    

    .prd-breadcrumb__item--active {
        display: inline-flex;
    }

    .prd-gallery {
        height: 410px;
        gap: 0;
    }

    .prd-gallery > img:not(:first-child),
    .prd-gallery.count-3 .right,
    .prd-gallery.count-4 .middle,
    .prd-gallery.count-4 .right {
        display: none;
    }

    .prd-gallery .left,
    .prd-gallery.count-3 .left,
    .prd-gallery.count-4 .left {
        width: 100%;
        height: 410px;
    }

    .prd-gallery img {
        border-radius: 24px;
    }

    .prd-content {
        gap: 40px;
    }

    .prd-header {
        gap: 24px;
    }

    .prd-header__top {
        gap: 16px;
    }

    .prd-header__title {
        font-size: 32px;
        line-height: 40px;
    }

    .prd-location__link,
    .prd-location__distance {
        font-size: 14px;
        line-height: 22px;
    }

    .prd-categories {
        max-width: 100%;
        gap: 16px;
        margin-top: 8px;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .prd-categories::-webkit-scrollbar {
        display: none;
    }

    .prd-category {
        flex: 0 0 78px;
    }

    .prd-section {
        gap: 24px;
    }

    .prd-about {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    .prd-about__photo {
        width: 100%;
        height: auto;
        aspect-ratio: 1;
        border-radius: 24px;
    }

    .prd-about__body {
        gap: 12px;
    }

    .prd-about__name {
        font-size: 24px;
        line-height: 32px;
    }

    .prd-cert-list {
        gap: 16px;
    }

    .prd-products-row {
        gap: 12px;
        margin-right: -16px;
        padding: 1px;
    }

    .prd-products-row--scroll .prd-product-card {
        box-sizing: border-box;
        width: 200px;
        min-width: 200px;
        padding: 16px;
        gap: 12px;
    }

    .prd-products-row--scroll .prd-product-card__image-wrap,
    .prd-products-row--scroll .prd-product-card__image {
        width: 168px;
        height: 168px;
        aspect-ratio: auto;
        border-radius: 8px;
    }

    .prd-product-card__info {
        margin-top: 8px;
    }

    .prd-delivery-list {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .prd-delivery-card {
        width: 100%;
        padding: 24px;
        border-radius: 20px;
    }

    .prd-map {
        gap: 24px;
    }

    .prd-map__image {
        height: 420px;
    }

    .prd-map__info {
        right: 24px;
        bottom: 24px;
        left: 24px;
        padding: 16px;
    }
}

/* ── Reviews ── */
.prd-reviews-header {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}

.prd-reviews-summary {
    display: flex;
    align-items: center;
    gap: 12px;
}

.prd-stars {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.prd-reviews-summary__score {
    color: #21241D;
    font-size: 14px;
    font-family: var(--font-body);
    font-weight: 400;
    line-height: 22px;
}

.prd-reviews-summary__count {
    color: #88867D;
    font-size: 16px;
    font-family: var(--font-body);
    font-weight: 400;
    line-height: 24px;
}

.prd-review-list {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-self: stretch;
}

.prd-review-card {
    align-self: stretch;
    padding: 32px;
    background: #E5E4D4;
    border-radius: 32px;
    display: inline-flex;
    align-items: flex-start;
    gap: 24px;
}

.prd-review-card__body {
    flex: 1 1 0;
    display: inline-flex;
    flex-direction: column;
    gap: 16px;
}

.prd-review-card__author {
    color: #21241D;
    font-size: 16px;
    font-family: var(--font-body);
    font-weight: 600;
    line-height: 24px;
}

.prd-review-card__text {
    align-self: stretch;
    color: #21241D;
    font-size: 14px;
    font-family: var(--font-body);
    font-weight: 400;
    line-height: 22px;
}

.prd-review-card__footer {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}

.prd-review-card__date {
    color: #88867D;
    font-size: 14px;
    font-family: var(--font-body);
    font-weight: 400;
    line-height: 22px;
}

/* ── Text button (shared) ── */
.prd-text-btn {
    height: 40px;
    padding: 4px 20px;
    border-radius: 12px;
    border: none;
    background: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    text-decoration: none;
    color: #21241D;
    font-size: 14px;
    font-family: var(--font-body);
    font-weight: 500;
    line-height: 22px;
}

.prd-text-btn:hover {
    background: #E5E4D4;
    color: #21241D;
}

/* ── Star icon helper ── */
.prd-star { display: inline-flex; }

.prd-map #map {
    border-radius: 24px;
    height: 420px;
}

.prd-producer-card__location {
    color: #88867D;
    font-size: 12px;
    font-family: var(--font-body);
    font-weight: 400;
    line-height: 20px;
    word-wrap: break-word;
    margin-top: 8px;
}

    .prd-producer-card__location::before {
        content: url("data:image/svg+xml;utf8,<svg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'><g%20clip-path='url(%23clip0_5009_16990)'><path%20d='M6%203C5.60444%203%205.21776%203.1173%204.88886%203.33706C4.55996%203.55682%204.30362%203.86918%204.15224%204.23463C4.00087%204.60009%203.96126%205.00222%204.03843%205.39018C4.1156%205.77814%204.30608%206.13451%204.58579%206.41421C4.86549%206.69392%205.22186%206.8844%205.60982%206.96157C5.99778%207.03874%206.39992%206.99913%206.76537%206.84776C7.13082%206.69638%207.44318%206.44004%207.66294%206.11114C7.8827%205.78224%208%205.39556%208%205C8%204.46957%207.78929%203.96086%207.41421%203.58579C7.03914%203.21071%206.53043%203%206%203ZM6%206C5.80222%206%205.60888%205.94135%205.44443%205.83147C5.27998%205.72159%205.15181%205.56541%205.07612%205.38268C5.00043%205.19996%204.98063%204.99889%205.01922%204.80491C5.0578%204.61093%205.15304%204.43275%205.29289%204.29289C5.43275%204.15304%205.61093%204.0578%205.80491%204.01921C5.99889%203.98063%206.19996%204.00043%206.38268%204.07612C6.56541%204.15181%206.72159%204.27998%206.83147%204.44443C6.94135%204.60888%207%204.80222%207%205C7%205.26522%206.89464%205.51957%206.70711%205.70711C6.51957%205.89464%206.26522%206%206%206Z'%20fill='%2388867D'/><path%20d='M5.99991%2012C5.57888%2012.0022%205.16347%2011.9034%204.78844%2011.712C4.41342%2011.5207%204.08971%2011.2422%203.84441%2010.9C1.93891%208.27152%200.972412%206.29552%200.972412%205.02652C0.972412%203.69315%201.50209%202.41438%202.44493%201.47154C3.38777%200.528705%204.66654-0.000976562%205.99991-0.000976562C7.33329-0.000976562%208.61205%200.528705%209.55489%201.47154C10.4977%202.41438%2011.0274%203.69315%2011.0274%205.02652C11.0274%206.29552%2010.0609%208.27152%208.15541%2010.9C7.91011%2011.2422%207.5864%2011.5207%207.21138%2011.712C6.83636%2011.9034%206.42094%2012.0022%205.99991%2012ZM5.99991%201.09052C4.95612%201.09171%203.95542%201.50689%203.21735%202.24496C2.47928%202.98303%202.0641%203.98373%202.06291%205.02752C2.06291%206.03252%203.00941%207.89102%204.72741%2010.2605C4.87326%2010.4614%205.0646%2010.6249%205.28577%2010.7377C5.50694%2010.8504%205.75166%2010.9092%205.99991%2010.9092C6.24816%2010.9092%206.49288%2010.8504%206.71406%2010.7377C6.93523%2010.6249%207.12656%2010.4614%207.27241%2010.2605C8.99041%207.89102%209.93691%206.03252%209.93691%205.02752C9.93572%203.98373%209.52055%202.98303%208.78248%202.24496C8.0444%201.50689%207.0437%201.09171%205.99991%201.09052Z'%20fill='%2388867D'/></g><defs><clipPath%20id='clip0_5009_16990'><rect%20width='12'%20height='12'%20fill='white'/></clipPath></defs></svg>");
        margin-right: 6px;
        vertical-align: middle;
    }

.prd-producer-categories{
    display: flex;
    gap: 6px;
    height: 32px;
    margin-top: 12px;
}

.prd-producer-category {    
}

    .prd-producer-category img {
        width: 32px;
        height: 32px;
        padding: 8px;
        border-radius: 8px;
        background-color: var(--color-bg-subtle)
    }