/* === SELLER HERO SECTION === */
.seller-hero {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    padding: 16px 0 24px;
    margin-bottom: 16px;
}
.seller-hero__logo {
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    border-radius: 12px;
    overflow: hidden;
    background: #F5F5F5;
    display: flex;
    align-items: center;
    justify-content: center;
}
.seller-hero__logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.seller-hero__logo-placeholder {
    width: 40px;
    height: 40px;
    opacity: 0.3;
}
.seller-hero__content {
    flex: 1;
    min-width: 0;
}
.seller-hero__name {
    font-size: 24px;
    font-weight: 700;
    color: #1F2937;
    margin: 0 0 8px 0;
    line-height: 1.2;
}
.seller-hero__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    font-size: 14px;
    color: #6B7280;
}
.seller-hero__rating {
    display: flex;
    align-items: center;
    gap: 4px;
    font-weight: 600;
    color: #1F2937;
}
.seller-hero__rating svg {
    color: #F59E0B;
}
.seller-hero__orders {
    color: #6B7280;
}
.seller-hero__status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 500;
}
.seller-hero__status--open {
    background: #DCFCE7;
    color: #166534;
}
.seller-hero__status--closed {
    background: #FEE2E2;
    color: #991B1B;
}
.seller-hero__status-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
}
@media (max-width: 640px) {
    .seller-hero {
        gap: 12px;
    }
    .seller-hero__logo {
        width: 60px;
        height: 60px;
    }
    .seller-hero__name {
        font-size: 20px;
    }
    .seller-hero__meta {
        gap: 8px;
    }
}
/* Social icons */
.seller-hero__socials {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
}
.seller-hero__social {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    text-decoration: none;
    transition: transform 0.2s, opacity 0.2s;
}
.seller-hero__social:hover {
    transform: scale(1.1);
    opacity: 0.9;
}
.seller-hero__social--instagram {
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    color: #fff;
}
.seller-hero__social--whatsapp {
    background: #25D366;
    color: #fff;
}
/* === END SELLER HERO === */

.nav--page-block {
    display: none;
}

/* Pickup info */
.pickup-info {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 12px 16px;
    background: #F0FDF4;
    border-radius: 8px;
    margin-top: 12px;
}
.pickup-info__icon {
    flex-shrink: 0;
    margin-top: 2px;
}
.pickup-info__text b {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #166534;
}
.pickup-info__text span {
    display: block;
    font-size: 13px;
    color: #374151;
    margin-top: 2px;
}
.pickup-info__text small {
    display: block;
    font-size: 12px;
    color: #6B7280;
    margin-top: 4px;
}
.pickup-info__comment {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 12px;
    color: #6B7280;
    margin-top: 4px;
    line-height: 1.4;
}
.pickup-info__comment.expanded {
    -webkit-line-clamp: unset;
}
.pickup-info__toggle {
    background: none;
    border: none;
    color: #166534;
    font-size: 12px;
    padding: 0;
    margin-top: 4px;
    cursor: pointer;
    text-decoration: underline;
}
.pickup-info__toggle:hover {
    color: #14532d;
}

/* Map & delivery */
.map {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 11111;
    top: 0px;
    background-color: white;
    left: 0px;
}
.map >div {
    width: 100%;
    max-width: 1360px;
    margin: 0 auto;
}
.map iframe, .map script, .map ymaps.ymaps3x0--map {
    width: 100%;
    min-height: 100dvh;
}
.yandexMapMarker {
    display: flex;
    width: 50px;
    min-width: 50px;
    min-height: 75px;
    height: 75px;
    cursor: pointer;
    transform: translate(-50%, -90%);
}

@media (max-width: 992px) {
    .tabs.tabs-mini {
        width: 100%;
    }
}
.tabs.tabs-mini .tabs__item {
    max-width: 100%;
    min-width: max-content;
    height: 28px;
    padding: 0 10px;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 20px;
}
.hide {
    display: none!important;
}
.tabs.tabs-mini {
    width: 100%;
    z-index: 111;
}
.pane {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 12px 16px;
    background-color: rgba(238, 238, 239, .8);
    border-radius: 8px;
}
.pane:has(.pane__title):not(:has(.pane__subtitle)) {
    transition: .3s;
}
.pane:has(.pane__title):not(:has(.pane__subtitle)):hover {
    background-color: rgba(234,234,237,.8);
}
.pane:has(.pane__title):not(:has(.pane__subtitle))::after {
    position: absolute;
    content: "";
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.1697 6.99639C8.98345 7.18375 8.87891 7.4372 8.87891 7.70139C8.87891 7.96558 8.98345 8.21903 9.1697 8.40639L12.7097 11.9964L9.1697 15.5364C8.98345 15.7238 8.87891 15.9772 8.87891 16.2414C8.87891 16.5056 8.98345 16.759 9.1697 16.9464C9.26266 17.0401 9.37326 17.1145 9.49512 17.1653C9.61698 17.216 9.74769 17.2422 9.8797 17.2422C10.0117 17.2422 10.1424 17.216 10.2643 17.1653C10.3861 17.1145 10.4967 17.0401 10.5897 16.9464L14.8297 12.7064C14.9234 12.6134 14.9978 12.5028 15.0486 12.381C15.0994 12.2591 15.1255 12.1284 15.1255 11.9964C15.1255 11.8644 15.0994 11.7337 15.0486 11.6118C14.9978 11.49 14.9234 11.3794 14.8297 11.2864L10.5897 6.99639C10.4967 6.90266 10.3861 6.82827 10.2643 6.7775C10.1424 6.72673 10.0117 6.70059 9.8797 6.70059C9.74769 6.70059 9.61698 6.72673 9.49512 6.7775C9.37326 6.82827 9.26266 6.90266 9.1697 6.99639Z' fill='black'/%3e%3c/svg%3e ");
}
.pane__subtitle {
    font-size: 12px;
    font-weight: 500;
    line-height: 16.34px;
    color: #8f8f8f;
}
.pane__title {
    font-size: 14px;
    font-weight: 500;
    line-height: 19.07px;
    text-align: left;
    color: #000;
}

.chitabs__item {
    padding: 6px 10px;
    border-radius: 8px;
    border: 1px solid #ececec;
    font-size: 14px;
    font-weight: 400;
    line-height: 19.07px;
    text-align: left;
    transition: .3s background-color;
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
}
.chitabs__item:hover {
    border: 1px solid #e3e1e1;
}
.chitabs__item.item--active {
    background-color: #eeeeef;
    font-size: 14px;
    font-weight: 600;
    line-height: 19.07px;
}

.map__tabs {
    position: absolute;
    left: 16px;
    top: 27px;
    max-width: calc(100% - 32px);
}
.map__tabs.tabs {
    background: #e6e6e6 !important;
    width: 100%;
    max-width: 1360px;
    margin: 0 auto;
    right: 18px;
}
.map__tabs.tabs .tabs__item {
    height: 37px !important;
}
html:has(.map), html:has(.map) body {
    height: 100%;
}
html:has(.map) .container, html:has(.map) body .container {
    padding: 0;
}

.main__group {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.group-8 {
    gap: 8px !important;
}
.group-32 {
    gap: 32px;
}

/* Bottom sheet */
.bottom-sheet__back {
    position: absolute;
    top: -53px;
    left: 16px;
    width: 42px;
    height: 42px;
    border-radius: 100px;
    box-shadow: 0px 4px 4px 0px rgba(0,0,0,.16);
    background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M-1.83588e-06 21C-2.84981e-06 9.40202 9.40202 2.84981e-06 21 1.83588e-06C32.598 8.21951e-07 42 9.40202 42 21C42 32.598 32.598 42 21 42C9.40202 42 -8.21951e-07 32.598 -1.83588e-06 21Z' fill='white'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.8156 29.0485C24.303 29.5172 23.472 29.5172 22.9594 29.0485L15.0844 21.8485C14.5719 21.3799 14.5719 20.6201 15.0844 20.1515L22.9594 12.9515C23.472 12.4828 24.303 12.4828 24.8156 12.9515C25.3281 13.4201 25.3281 14.1799 24.8156 14.6485L17.8687 21L24.8156 27.3515C25.3281 27.8201 25.3281 28.5799 24.8156 29.0485Z' fill='black'/%3e%3c/svg%3e ");
    transition: .3s;
    pointer-events: all;
}
.bottom-sheet__back:hover {
    opacity: .85;
}
.bottom-sheet__enter {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.bottom-sheet__enter-group {
    display: flex;
    align-items: center;
    gap: 8px;
}
.bottom-sheet__enter-input {
    position: relative;
    padding: 14.5px 8px;
    border: 1px solid #a4a4a4;
    border-radius: 6px;
    width: 100%;
    transition: .1s border-color;
}
.bottom-sheet__enter-input:has(input:focus) {
    border-color: #7b7a7a;
}
.bottom-sheet__enter-input:has(input:not(:-moz-placeholder-shown)) label {
    top: 3px;
    transform: none;
    font-size: 10px;
    font-weight: 500;
    line-height: 16.34px;
}
.bottom-sheet__enter-input:has(input:focus) label,
.bottom-sheet__enter-input:has(input:not(:placeholder-shown)) label {
    top: 3px;
    transform: none;
    font-size: 10px;
    font-weight: 500;
    line-height: 16.34px;
}
.bottom-sheet__enter-input label {
    position: absolute;
    top: 50%;
    left: 8px;
    transform: translateY(-50%);
    font-size: 14px;
    font-weight: 500;
    line-height: 19.07px;
    color: #8f8f8f;
    transition: .1s;
    padding-left: 0;
}
.bottom-sheet__enter-input input {
    font-size: 14px;
    font-weight: 500;
    line-height: 19.07px;
    text-align: left;
    color: #000;
    background-color: rgba(0,0,0,0);
    width: 100%;
}
.bottom-sheet__enter-input input::-moz-placeholder {
    visibility: hidden;
}
.bottom-sheet__enter-input input::placeholder {
    visibility: hidden;
}
.bottom-sheet .comment__area {
    padding: 8px;
    margin-top: -8px;
}

.radio {
    display: flex;
    align-items: center;
    gap: 16px;
}
.radio-group {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.radio-group .radio label {
    border-bottom: 1px solid #dfdfdf;
    padding: 5px 0 9px;
    width: 100%;
}
.map .bottom-sheet__content {
    height: auto;
    transform: none;
    z-index: 1111;
    position: absolute;
    bottom: 0px;
}

/* Shop filters */
.shop-filters { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
.shop-filter-btn {
    padding: 6px 14px; border: 1px solid #E2E2E2; border-radius: 16px;
    background: #fff; cursor: pointer; font-size: 13px; user-select: none;
    transition: all 0.2s ease;
}
.shop-filter-btn:hover { border-color: #8A49F3; }
.shop-filter-btn.active { background: #8A49F3; color: #fff; border-color: #8A49F3; }
.flower-filters:empty { display: none; }
.flower-filters .hidden-flowers { display: none; flex-wrap: wrap; gap: 8px; width: 100%; margin-top: 8px; }
.flower-filters .hidden-flowers.show { display: flex; }
.shop-filter-btn small { opacity: 0.7; font-size: 11px; margin-left: 4px; }