/* =========================================================
   SAMSARI
   ========================================================= */

.samsariPage,
.samsariPage * {
    box-sizing: border-box;
}

.samsariPage {
    width: calc(100% - 40px);
    max-width: 1180px;
    margin: 32px auto 60px auto;
    direction: rtl;
    color: #3e3a3b;
}


/* =========================================================
   HERO
   ========================================================= */

.samsariHero {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #fff7f8 0%, #fff 100%);
    border: 1px solid #f0d9dd;
    border-radius: 22px;
    padding: 34px 38px;
    margin-bottom: 24px;
    box-shadow: 0 8px 28px rgba(92, 54, 63, 0.06);
}

.samsariHero::before {
    content: "";
    position: absolute;
    width: 190px;
    height: 190px;
    border-radius: 50%;
    background: rgba(210, 126, 142, 0.10);
    top: -95px;
    left: -55px;
}

.samsariEyebrow {
    position: relative;
    display: inline-block;
    color: #b15f70;
    background: #fbecef;
    border-radius: 30px;
    padding: 7px 14px;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 12px;
}

.samsariTitle {
    position: relative;
    margin: 0;
    font-size: 34px;
    line-height: 1.5;
    color: #3d393a;
    font-weight: 800;
}

.samsariLead {
    position: relative;
    margin: 10px 0 0 0;
    max-width: 760px;
    font-size: 15px;
    line-height: 2;
    color: #70696b;
}


/* =========================================================
   MAIN GRID
   ========================================================= */

.samsariGrid {
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) minmax(290px, 0.8fr);
    gap: 22px;
    align-items: start;
}


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

.samsariCard {
    background: #fff;
    border: 1px solid #eadfe1;
    border-radius: 20px;
    padding: 26px;
    box-shadow: 0 8px 30px rgba(60, 40, 45, 0.055);
}

.samsariCardTitle {
    margin: 0 0 20px 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #f0e7e9;
    color: #413c3e;
    font-size: 20px;
    font-weight: 800;
}


/* =========================================================
   ACTIONS
   ========================================================= */

.samsariActions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.samsariAction {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 120px;
    padding: 20px;
    border: 1px solid #eadcdf;
    border-radius: 16px;
    background: #fffafa;
    color: #4a4244;
    text-decoration: none !important;
    transition:
        transform 0.18s ease,
        box-shadow 0.18s ease,
        border-color 0.18s ease,
        background 0.18s ease;
}

.samsariAction:hover {
    transform: translateY(-3px);
    border-color: #d89aa6;
    background: #fff6f7;
    box-shadow: 0 10px 24px rgba(176, 94, 110, 0.10);
    text-decoration: none !important;
}

.samsariActionTitle {
    display: block;
    font-size: 17px;
    line-height: 1.7;
    font-weight: 800;
    color: #9d5262;
    margin-bottom: 7px;
}

.samsariActionText {
    display: block;
    font-size: 13px;
    line-height: 1.9;
    color: #776f71;
}

.samsariActionDisabled {
    background: #fafafa;
    border-color: #ece8e9;
    cursor: default;
}

.samsariActionDisabled .samsariActionTitle {
    color: #777;
}

.samsariActionDisabled .samsariActionText {
    color: #999;
}

.samsariActionDisabled:hover {
    transform: none;
    box-shadow: none;
    border-color: #ece8e9;
    background: #fafafa;
}


/* =========================================================
   MEMBERSHIP STATUS
   ========================================================= */

.samsariStatus {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 7px 14px;
    border-radius: 30px;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 17px;
}

.samsariStatusActive {
    background: #edf9f1;
    color: #25824a;
    border: 1px solid #cbead6;
}

.samsariStatusInactive {
    background: #fff3f3;
    color: #b24855;
    border: 1px solid #f0d2d6;
}

.samsariStatusPending {
    background: #fff8e8;
    color: #a77817;
    border: 1px solid #f2dfb1;
}

.samsariStatusRejected {
    background: #fff0f0;
    color: #bd3f4d;
    border: 1px solid #edc5ca;
}


/* =========================================================
   ACCOUNT INFO
   ========================================================= */

.samsariInfoRows {
    overflow: hidden;
    border: 1px solid #eee5e7;
    border-radius: 14px;
    background: #fff;
}

.samsariInfoRow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 55px;
    padding: 13px 15px;
    border-bottom: 1px solid #f2ecee;
}

.samsariInfoRow:last-child {
    border-bottom: none;
}

.samsariInfoRow span {
    font-size: 13px;
    color: #7a7274;
}

.samsariInfoRow strong {
    font-size: 14px;
    color: #403a3c;
    font-weight: 800;
    text-align: left;
}


/* =========================================================
   PRIMARY BUTTON
   ========================================================= */

.samsariPrimaryBtn {
    display: flex;
    width: 100%;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    border-radius: 13px;
    border: 1px solid #c96f80;
    background: #d38392;
    color: #fff !important;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none !important;
    box-shadow: 0 6px 14px rgba(178, 93, 109, 0.15);
    transition:
        background 0.18s ease,
        transform 0.18s ease,
        box-shadow 0.18s ease;
}

.samsariPrimaryBtn:hover {
    background: #c77282;
    color: #fff !important;
    transform: translateY(-1px);
    box-shadow: 0 9px 18px rgba(178, 93, 109, 0.20);
    text-decoration: none !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 900px) {

    .samsariPage {
        width: calc(100% - 28px);
        margin-top: 22px;
    }

    .samsariGrid {
        grid-template-columns: 1fr;
    }

    .samsariHero {
        padding: 28px;
    }

    .samsariTitle {
        font-size: 30px;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

    .samsariPage {
        width: calc(100% - 20px);
        margin: 15px auto 35px auto;
    }

    .samsariHero {
        border-radius: 17px;
        padding: 22px 18px;
        margin-bottom: 14px;
    }

    .samsariEyebrow {
        font-size: 11px;
        margin-bottom: 9px;
    }

    .samsariTitle {
        font-size: 25px;
    }

    .samsariLead {
        font-size: 13px;
        line-height: 1.9;
    }

    .samsariGrid {
        gap: 14px;
    }

    .samsariCard {
        border-radius: 17px;
        padding: 18px;
    }

    .samsariCardTitle {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .samsariActions {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .samsariAction {
        min-height: auto;
        padding: 16px;
    }

    .samsariActionTitle {
        font-size: 15px;
    }

    .samsariActionText {
        font-size: 12px;
    }

    .samsariInfoRow {
        min-height: 50px;
        padding: 11px 12px;
    }

    .samsariInfoRow span {
        font-size: 12px;
    }

    .samsariInfoRow strong {
        font-size: 13px;
    }

}

/* =========================================================
   SAMSARI NEW LISTING
   ========================================================= */

.samsariNewGrid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:22px;
    margin-bottom:22px;
}

.samsariField {
    margin-bottom:20px;
}

.samsariField label {
    display:block;
    margin-bottom:8px;
    color:#3f3f43;
    font-size:14px;
    font-weight:700;
}

.samsariField small {
    display:block;
    margin-top:7px;
    color:#8b7c80;
    font-size:12px;
    line-height:1.8;
}

.samsariInput {
    width:100%;
    box-sizing:border-box;
    padding:13px 14px;
    border:1px solid #ead8dc;
    border-radius:12px;
    background:#fff;
    color:#333;
    font-family:Tahoma;
    font-size:14px;
    outline:none;
}

.samsariInput:focus {
    border-color:#d28a99;
    box-shadow:0 0 0 3px rgba(210,138,153,.11);
}

.samsariTextarea {
    resize:vertical;
    min-height:150px;
    line-height:2;
}

.samsariListingHint {
    color:#796e71;
    font-size:13px;
    line-height:2;
}

.samsariUploadGrid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:15px;
}

.samsariUploadBox {
    padding:14px;
    border:1px solid #ead8dc;
    border-radius:14px;
    background:#fffafb;
}

.samsariUploadBox strong {
    display:block;
    margin-bottom:10px;
    color:#4c4446;
}

.samsariFileInput {
    width:100%;
    margin-bottom:12px;
    font-family:Tahoma;
}

.samsariImagePreview {
    height:200px;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px dashed #dcc5ca;
    border-radius:12px;
    background:#faf7f7;
    color:#a49397;
}

.samsariImagePreview img {
    width:100%;
    height:100%;
    object-fit:contain;
    background:#fff;
}

.samsariFeeCard {
    margin-bottom:22px;
}

.samsariFeeRows {
    border:1px solid #eee0e3;
    border-radius:14px;
    overflow:hidden;
}

.samsariFeeRows > div {
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:54px;
    padding:5px 18px;
    border-bottom:1px solid #f1e7e9;
}

.samsariFeeRows > div:last-child {
    border-bottom:none;
}

.samsariFeeRows span {
    color:#71676a;
}

.samsariFeeRows strong {
    color:#373235;
}

.samsariFeeMain {
    background:#fff5f7;
}

.samsariFeeMain strong {
    color:#c75e74;
    font-size:20px;
}

.samsariBankList {
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:12px;
}

.samsariBankItem {
    padding:15px;
    border:1px solid #ead8dc;
    border-radius:13px;
    background:#fffafb;
    text-align:center;
}

.samsariBankNumber {
    margin-bottom:6px;
    color:#333;
    font-size:17px;
    font-weight:700;
    direction:ltr;
}

.samsariBankName {
    color:#74696c;
    font-size:13px;
}

.samsariPreviewButtonWrap {
    margin:24px 0;
    text-align:center;
}

.samsariPrimaryButton {
    display:inline-block;
    min-width:190px;
    padding:13px 25px;
    border:0;
    border-radius:12px;
    background:#cf7f8e;
    color:#fff !important;
    font-family:Tahoma;
    font-size:14px;
    font-weight:700;
    text-align:center;
    text-decoration:none;
    cursor:pointer;
}

.samsariPrimaryButton:hover {
    background:#c26f7f;
}

.samsariFullButton {
    width:100%;
    box-sizing:border-box;
}

.samsariListingPreviewCard {
    margin-bottom:22px;
}

.samsariFinalPreview {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:25px;
}

.samsariFinalPreviewImages {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
}

.samsariFinalImage {
    min-height:250px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    border:1px solid #ead8dc;
    border-radius:14px;
    background:#fafafa;
}

.samsariFinalImage img {
    max-width:100%;
    max-height:350px;
    object-fit:contain;
}

.samsariFinalPreviewInfo h3 {
    margin:0 0 18px;
    color:#332f30;
    font-size:21px;
}

.samsariPreviewRow {
    display:flex;
    justify-content:space-between;
    gap:15px;
    padding:12px 0;
    border-bottom:1px solid #eee5e7;
}

.samsariPreviewRow span {
    color:#776d70;
}

.samsariPreviewRow strong {
    color:#3c3739;
}

.samsariPreviewDescription {
    margin-top:18px;
    padding:15px;
    border-radius:12px;
    background:#faf6f7;
    color:#51494b;
    line-height:2;
    white-space:pre-wrap;
}

.samsariConfirmBox {
    margin:20px 0;
    padding:16px;
    border:1px solid #ead8dc;
    border-radius:12px;
    background:#fff8f9;
    color:#4e4648;
}

.samsariConfirmBox input {
    margin-left:8px;
}

.samsariListingSuccess {
    max-width:700px;
    margin:30px auto;
    padding:40px;
    border:1px solid #d9eadc;
    border-radius:20px;
    background:#fff;
    text-align:center;
}

.samsariListingSuccessIcon {
    width:70px;
    height:70px;
    margin:0 auto 20px;
    border-radius:50%;
    background:#55a86b;
    color:#fff;
    font-size:38px;
    line-height:70px;
}

.samsariListingSuccess h2 {
    color:#333;
}

.samsariListingSuccess p {
    margin:15px 0 25px;
    color:#666;
    line-height:2;
}

@media(max-width:850px) {

    .samsariNewGrid,
    .samsariFinalPreview {
        grid-template-columns:1fr;
    }

    .samsariUploadGrid,
    .samsariBankList {
        grid-template-columns:1fr;
    }

    .samsariFinalPreviewImages {
        grid-template-columns:1fr 1fr;
    }

}

@media(max-width:520px) {

    .samsariFinalPreviewImages {
        grid-template-columns:1fr;
    }

    .samsariFinalImage {
        min-height:220px;
    }

}

/* =========================================================
   MY LISTINGS
   ========================================================= */

.samsariListingsSummary {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:14px;
    margin:24px 0;
}

.samsariSummaryBox {
    padding:18px;
    background:#fff;
    border:1px solid #eadcdf;
    border-radius:16px;
    box-shadow:0 6px 18px rgba(90,50,60,.04);
    text-align:center;
}

.samsariSummaryBox span {
    display:block;
    margin-bottom:8px;
    color:#7b7073;
    font-size:13px;
}

.samsariSummaryBox strong {
    color:#c96f80;
    font-size:26px;
}


.samsariListingsToolbar {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin:20px 0;
}

.samsariListingsFilter {
    display:flex;
    align-items:center;
    gap:10px;
}

.samsariListingsFilter span {
    color:#61585a;
    font-weight:700;
}

.samsariStatusFilter {
    width:230px;
}


.samsariListingsList {
    display:flex;
    flex-direction:column;
    gap:18px;
}


.samsariMyListingCard {
    display:grid;
    grid-template-columns:230px 1fr;
    overflow:hidden;
    background:#fff;
    border:1px solid #eadcdf;
    border-radius:18px;
    box-shadow:0 7px 25px rgba(90,50,60,.045);
}


.samsariMyListingImage {
    position:relative;
    min-height:230px;
    background:#faf7f8;
    border-left:1px solid #eee2e5;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
}

.samsariMyListingImage img {
    width:100%;
    height:100%;
    min-height:230px;
    max-height:300px;
    object-fit:cover;
}

.samsariNoListingImage {
    color:#a39599;
    font-size:13px;
}


.samsariMyListingContent {
    padding:20px 22px;
}


.samsariMyListingTop {
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:20px;
    padding-bottom:15px;
    border-bottom:1px solid #f0e7e9;
}

.samsariMyListingTop h2 {
    margin:4px 0 0;
    color:#3c3537;
    font-size:19px;
    line-height:1.8;
}

.samsariMyListingCategory {
    color:#bc7180;
    font-size:12px;
    font-weight:700;
}


.samsariListingStatus {
    flex-shrink:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:30px;
    padding:0 13px;
    border-radius:999px;
    font-size:12px;
    font-weight:700;
    white-space:nowrap;
}

.statusDraft {
    background:#f1f1f1;
    color:#666;
}

.statusWaiting {
    background:#fff3db;
    color:#a76c00;
}

.statusReview {
    background:#e8f1ff;
    color:#3268a8;
}

.statusPublished {
    background:#e7f7ec;
    color:#258447;
}

.statusRejected {
    background:#fdebed;
    color:#b74858;
}

.statusSold {
    background:#eee9ff;
    color:#6650a5;
}

.statusExpired {
    background:#eee;
    color:#777;
}

.statusDeleted {
    background:#eee;
    color:#888;
}


.samsariMyListingInfo {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:10px;
    margin-top:16px;
}

.samsariMyListingInfo > div {
    padding:11px 12px;
    background:#fbf8f9;
    border-radius:11px;
}

.samsariMyListingInfo span {
    display:block;
    margin-bottom:5px;
    color:#8a7d81;
    font-size:11px;
}

.samsariMyListingInfo strong {
    color:#4d4547;
    font-size:13px;
}


.samsariListingRejectBox {
    margin-top:14px;
    padding:13px 15px;
    background:#fff1f2;
    border:1px solid #f2cdd2;
    border-radius:11px;
    color:#8f3f4c;
    line-height:1.9;
}

.samsariListingRejectBox strong {
    margin-left:6px;
}


.samsariListingExpireBox {
    margin-top:14px;
    padding:11px 15px;
    background:#f7f5ff;
    border:1px solid #e1dcf4;
    border-radius:11px;
    color:#665c82;
}


.samsariListingNotice {
    margin-top:14px;
    padding:11px 15px;
    background:#fff8e9;
    border:1px solid #f3dfad;
    border-radius:11px;
    color:#85621d;
}


.samsariListingPublishedNotice {
    margin-top:14px;
    padding:11px 15px;
    background:#eefaf1;
    border:1px solid #cdebd5;
    border-radius:11px;
    color:#33754a;
}


.samsariEmptyListings {
    margin:40px 0;
    padding:50px 20px;
    background:#fff;
    border:1px solid #eadcdf;
    border-radius:20px;
    text-align:center;
}

.samsariEmptyIcon {
    width:65px;
    height:65px;
    margin:0 auto 15px;
    border-radius:50%;
    background:#f9e8ec;
    color:#c96f80;
    font-size:35px;
    line-height:65px;
}

.samsariEmptyListings h2 {
    color:#40393b;
}

.samsariEmptyListings p {
    margin:10px 0 25px;
    color:#7e7376;
}


.samsariBottomBack {
    margin:25px 0;
    text-align:center;
}

.samsariBottomBack a {
    color:#b55f70;
    text-decoration:none;
    font-weight:700;
}


@media(max-width:900px) {

    .samsariListingsSummary {
        grid-template-columns:repeat(2,1fr);
    }

    .samsariMyListingInfo {
        grid-template-columns:repeat(2,1fr);
    }

}


@media(max-width:650px) {

    .samsariListingsToolbar {
        flex-direction:column;
        align-items:stretch;
    }

    .samsariListingsFilter {
        justify-content:space-between;
    }

    .samsariStatusFilter {
        width:65%;
    }

    .samsariListingsToolbar .samsariPrimaryButton {
        width:100%;
        box-sizing:border-box;
    }

    .samsariMyListingCard {
        grid-template-columns:1fr;
    }

    .samsariMyListingImage {
        min-height:250px;
        border-left:0;
        border-bottom:1px solid #eee2e5;
    }

    .samsariMyListingImage img {
        max-height:330px;
    }

}


@media(max-width:450px) {

    .samsariListingsSummary {
        grid-template-columns:1fr 1fr;
        gap:8px;
    }

    .samsariSummaryBox {
        padding:13px 8px;
    }

    .samsariSummaryBox strong {
        font-size:21px;
    }

    .samsariMyListingInfo {
        grid-template-columns:1fr;
    }

    .samsariMyListingTop {
        flex-direction:column;
    }

}

.samsariPublicNoImage {
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#f6f2f3;
    color:#9b8f92;
    font-size:13px;
}

/* =========================================================
   PUBLIC SAMSARI
   ========================================================= */

.samsariPublicToolbar {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    margin:25px 0;
    padding:16px;
    background:#fff;
    border:1px solid #eadcdf;
    border-radius:16px;
}

.samsariPublicSearch {
    display:flex;
    align-items:center;
    gap:10px;
    flex:1;
}

.samsariPublicSearch .samsariInput {
    max-width:300px;
}

.samsariPublicCategory {
    max-width:230px !important;
}

.samsariSearchButton {
    min-width:100px;
}

.samsariSecondaryButton {
    padding:12px 18px;
    border:1px solid #dfc3c9;
    border-radius:11px;
    background:#fff;
    color:#a65465;
    font-family:Tahoma;
    cursor:pointer;
}

.samsariSecondaryButton:hover {
    background:#fff6f8;
}

.samsariPublicResultCount {
    min-width:110px;
    color:#776d70;
    text-align:center;
}

.samsariPublicResultCount strong {
    display:block;
    color:#c96f80;
    font-size:23px;
}

/* =========================================================
   LISTINGS GRID
   ========================================================= */

.samsariPublicGrid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:20px;
}

.samsariPublicCard {
    min-width:0;
    overflow:hidden;
    background:#fff;
    border:1px solid #eadcdf;
    border-radius:18px;
    box-shadow:0 7px 25px rgba(80,45,55,.055);
    transition:transform .18s ease, box-shadow .18s ease;
}

.samsariPublicCard:hover {
    transform:translateY(-2px);
    box-shadow:0 11px 30px rgba(80,45,55,.09);
}

/* =========================================================
   LISTING IMAGE
   ========================================================= */

.samsariPublicPhoto {
    position:relative;
    height:275px;
    overflow:hidden;
    background:#f7f4f5;
}

/* چون ASP:Panel به div تبدیل می‌شود */
.samsariPublicPhoto > img,
.samsariPublicPhoto > div:not(.samsariSecondImage):not(.samsariPublicNoImage) > img {
    width:100%;
    height:100%;
    object-fit:cover;
    cursor:pointer;
    transition:transform .25s ease;
}

.samsariPublicPhoto > img:hover,
.samsariPublicPhoto > div:not(.samsariSecondImage):not(.samsariPublicNoImage) > img:hover {
    transform:scale(1.025);
}

.samsariPublicNoImage {
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#f6f2f3;
    color:#9b8f92;
    font-size:13px;
}

/* عکس دوم */

.samsariSecondImage {
    position:absolute;
    left:12px;
    bottom:12px;
    width:72px;
    height:72px;
    padding:3px;
    overflow:hidden;
    background:#fff;
    border-radius:10px;
    box-shadow:0 3px 12px rgba(0,0,0,.18);
    z-index:3;
}

.samsariSecondImage img {
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:7px;
    cursor:pointer;
}

/* =========================================================
   HEALTH BADGE
   ========================================================= */

.samsariHealthBadge {
    position:absolute;
    top:12px;
    right:12px;
    max-width:80%;
    padding:7px 11px;
    border-radius:999px;
    font-size:10px;
    font-weight:700;
    z-index:4;
}

.healthVerified {
    background:#e7f7ec;
    color:#278348;
    border:1px solid #c8ead1;
}

.healthPending {
    background:#fff5dc;
    color:#98701a;
    border:1px solid #f1dfae;
}

.healthUnverified {
    background:rgba(255,255,255,.94);
    color:#766b6e;
    border:1px solid #e3dbdd;
}

/* =========================================================
   LISTING BODY
   ========================================================= */

.samsariPublicBody {
    padding:18px;
}

.samsariPublicCategoryText {
    margin-bottom:6px;
    color:#bf7382;
    font-size:11px;
    font-weight:700;
}

.samsariPublicTitle {
    min-height:50px;
    margin:0 0 10px;
    color:#3d3638;
    font-size:17px;
    line-height:1.7;
    font-weight:800;
}

.samsariPublicPrice {
    display:flex;
    align-items:baseline;
    gap:5px;
    margin:10px 0;
    color:#c45f74;
}

.samsariPublicPrice strong {
    font-size:21px;
}

.samsariPublicPrice span {
    font-size:12px;
}

.samsariPublicMeta {
    display:flex;
    justify-content:space-between;
    gap:10px;
    padding:10px 0;
    border-top:1px solid #f0e7e9;
    border-bottom:1px solid #f0e7e9;
    color:#8c8083;
    font-size:10px;
}

.samsariPublicMeta strong {
    color:#5d5356;
}

.samsariPublicDescription {
    margin-top:13px;
    color:#655b5e;
    font-size:12px;
    line-height:2;
    white-space:pre-line;
}

.samsariPublicExpire {
    margin-top:12px;
    color:#91868a;
    font-size:11px;
}

/* =========================================================
   BUY BUTTON
   ========================================================= */

.samsariBuyRequestButton {
    width:100%;
    margin-top:16px;
    padding:12px;
    border:0;
    border-radius:11px;
    background:#cf7f8e;
    color:#fff;
    font-family:Tahoma;
    font-size:13px;
    font-weight:700;
    cursor:pointer;
    transition:background .18s ease, transform .18s ease;
}

.samsariBuyRequestButton:hover {
    background:#bf6d7c;
    transform:translateY(-1px);
}

/* =========================================================
   DISCLAIMER
   ========================================================= */

.samsariHealthDisclaimer {
    margin:25px 0;
    padding:13px 16px;
    border-radius:12px;
    background:#faf7f8;
    border:1px solid #eee4e6;
    color:#82777a;
    font-size:11px;
    line-height:2;
    text-align:center;
}

/* =========================================================
   PURCHASE MODAL
   ========================================================= */

.samsariModalOverlay {
    position:fixed;
    inset:0;
    z-index:10000;
    display:none;
    align-items:center;
    justify-content:center;
    padding:20px;
    background:rgba(35,25,28,.58);
}

.samsariPurchaseModal {
    position:relative;
    width:100%;
    max-width:440px;
    box-sizing:border-box;
    padding:30px;
    background:#fff;
    border-radius:20px;
    box-shadow:0 20px 70px rgba(0,0,0,.25);
    text-align:center;
}

.samsariModalClose {
    position:absolute;
    top:10px;
    left:12px;
    width:35px;
    height:35px;
    border:0;
    background:transparent;
    color:#887c80;
    font-size:27px;
    cursor:pointer;
}

.samsariModalIcon {
    width:65px;
    height:65px;
    margin:0 auto 12px;
    border-radius:50%;
    background:#fae8ec;
    color:#bf6476;
    font-size:28px;
    line-height:65px;
}

.samsariPurchaseModal h2 {
    margin:8px 0;
    color:#3d3638;
}

.samsariPurchaseModal p {
    color:#716669;
    font-size:12px;
    line-height:2;
}

.samsariModalListingTitle {
    margin:8px 0 13px;
    color:#bd6878;
    font-weight:700;
}

.samsariMobileInput {
    direction:ltr;
    text-align:center;
    font-size:17px;
    letter-spacing:1px;
}

.samsariPurchasePrivacy {
    margin-top:12px;
    color:#96898d;
    font-size:10px;
}

/* =========================================================
   IMAGE LIGHTBOX
   ========================================================= */

.samsariLightbox {
    position:fixed;
    inset:0;
    z-index:11000;
    display:none;
    align-items:center;
    justify-content:center;
    padding:25px;
    background:rgba(0,0,0,.92);
    cursor:pointer;
}

.samsariLightbox img {
    max-width:96vw;
    max-height:94vh;
    object-fit:contain;
}

.samsariLightboxClose {
    position:absolute;
    top:15px;
    right:20px;
    border:0;
    background:transparent;
    color:#fff;
    font-size:40px;
    cursor:pointer;
}

/* =========================================================
   PUBLIC SAMSARI TABLET
   ========================================================= */

@media(max-width:1000px) {

    .samsariPublicGrid {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

}

/* =========================================================
   PUBLIC SAMSARI MOBILE
   ========================================================= */

@media(max-width:700px) {

    .samsariPublicToolbar {
        flex-direction:column;
        align-items:stretch;
    }

    .samsariPublicSearch {
        flex-direction:column;
        align-items:stretch;
    }

    .samsariPublicSearch .samsariInput,
    .samsariPublicCategory {
        max-width:none !important;
        width:100%;
    }

    .samsariSearchButton,
    .samsariSecondaryButton {
        width:100%;
    }

    .samsariPublicResultCount {
        width:100%;
    }

    .samsariPublicGrid {
        grid-template-columns:1fr;
    }

    .samsariPublicPhoto {
        height:320px;
    }

    .samsariPublicTitle {
        min-height:auto;
    }

}

/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media(max-width:450px) {

    .samsariPublicPhoto {
        height:270px;
    }

    .samsariPublicBody {
        padding:15px;
    }

    .samsariPublicMeta {
        flex-direction:column;
        gap:5px;
    }

    .samsariPurchaseModal {
        padding:25px 18px;
    }

}

/* =========================================================
   SAMSARI REQUESTS
   ========================================================= */

.samsariRequestsPage {
    padding-bottom:30px;
}


/* =========================================================
   MESSAGE
   ========================================================= */

.samsariRequestMessage {
    display:block;
    margin:0 0 18px;
    padding:13px 16px;
    border-radius:11px;
    font-size:12px;
    line-height:1.9;
    text-align:center;
}

.samsariRequestMessageSuccess {
    background:#edf9f1;
    border:1px solid #ccebd6;
    color:#287448;
}

.samsariRequestMessageError {
    background:#fff1f2;
    border:1px solid #efcbd1;
    color:#a94252;
}


/* =========================================================
   SUMMARY
   ========================================================= */

.samsariRequestsSummary {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:12px;
    margin:20px 0;
}

.samsariRequestSummaryBox {
    padding:16px 12px;
    background:#fff;
    border:1px solid #eadcdf;
    border-radius:14px;
    text-align:center;
    box-shadow:0 5px 16px rgba(80,45,55,.04);
}

.samsariRequestSummaryBox span {
    display:block;
    margin-bottom:5px;
    color:#807477;
    font-size:11px;
}

.samsariRequestSummaryBox strong {
    color:#bd6879;
    font-size:24px;
}

.samsariNewSummary {
    background:#fff8e8;
    border-color:#efdfb8;
}

.samsariNewSummary strong {
    color:#a8791c;
}


/* =========================================================
   TOOLBAR
   ========================================================= */

.samsariRequestsToolbar {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    margin-bottom:18px;
    padding:12px;
    background:#fff;
    border:1px solid #eadcdf;
    border-radius:14px;
}

.samsariRequestsSearch {
    display:flex;
    align-items:center;
    gap:8px;
    flex:1;
}

.samsariRequestSearchInput {
    max-width:320px;
}

.samsariRequestFilter {
    max-width:200px;
}

.samsariRequestSearchButton {
    min-width:85px !important;
}

.samsariRequestClearButton {
    min-height:43px;
    padding:8px 14px;
    border:1px solid #dfc8cd;
    border-radius:10px;
    background:#fff;
    color:#a75d6c;
    font-family:Tahoma;
    cursor:pointer;
}

.samsariRequestsResult {
    min-width:75px;
    text-align:center;
}

.samsariRequestsResult strong {
    display:block;
    color:#c96f80;
    font-size:20px;
}

.samsariRequestsResult span {
    color:#897d80;
    font-size:10px;
}


/* =========================================================
   LIST
   ========================================================= */

.samsariRequestsList {
    display:flex;
    flex-direction:column;
    gap:12px;
}


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

.samsariRequestCard {
    display:grid;
    grid-template-columns:135px 1fr;
    overflow:hidden;
    background:#fff;
    border:1px solid #eadcdf;
    border-radius:15px;
    box-shadow:0 5px 18px rgba(80,45,55,.045);
}

.samsariRequestCardNew {
    border-color:#e4ca8f;
    box-shadow:0 5px 20px rgba(168,121,28,.08);
}


/* =========================================================
   IMAGE
   ========================================================= */

.samsariRequestImage {
    min-height:160px;
    background:#faf7f8;
    border-left:1px solid #eee3e5;
    overflow:hidden;
}

.samsariRequestImage > div {
    width:100%;
    height:100%;
}

.samsariRequestImage img {
    width:100%;
    height:100%;
    min-height:160px;
    display:block;
    object-fit:cover;
}

.samsariRequestNoImage {
    display:flex;
    align-items:center;
    justify-content:center;
    color:#9c8f93;
    font-size:11px;
}


/* =========================================================
   CONTENT
   ========================================================= */

.samsariRequestContent {
    padding:15px 17px;
}

.samsariRequestTop {
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:15px;
    padding-bottom:10px;
    border-bottom:1px solid #f0e7e9;
}

.samsariRequestListingCode {
    margin-bottom:2px;
    color:#ba7080;
    font-size:9px;
    font-weight:700;
}

.samsariRequestTop h2 {
    margin:0;
    color:#3e3739;
    font-size:15px;
    line-height:1.7;
}

.samsariRequestBadges {
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex-wrap:wrap;
    gap:5px;
}


/* =========================================================
   STATUS
   ========================================================= */

.samsariRequestStatus,
.samsariRequestHealthBadge {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:5px 9px;
    border-radius:999px;
    font-size:9px;
    font-weight:700;
    white-space:nowrap;
}

.statusRequestNew {
    background:#fff2d7;
    color:#9b6c0d;
    border:1px solid #eed89e;
}

.statusRequestSeen {
    background:#edf3ff;
    color:#416da5;
    border:1px solid #cedcf1;
}

.statusRequestContacted {
    background:#eef8ff;
    color:#277194;
    border:1px solid #cce6f2;
}

.statusRequestClosed {
    background:#f0eeee;
    color:#7b7476;
    border:1px solid #dfdada;
}

.statusRequestSold {
    background:#e6f7eb;
    color:#258047;
    border:1px solid #c7e9d1;
}

.samsariRequestHealthBadge {
    background:#e7f7ec;
    color:#258047;
    border:1px solid #c7e9d1;
}


/* =========================================================
   INFO
   ========================================================= */

.samsariRequestInfoGrid {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:8px;
    margin-top:11px;
}

.samsariRequestInfoGrid > div {
    padding:8px 10px;
    background:#fbf8f9;
    border-radius:9px;
}

.samsariRequestInfoGrid span {
    display:block;
    margin-bottom:4px;
    color:#95898c;
    font-size:9px;
}

.samsariRequestInfoGrid strong {
    display:block;
    color:#4c4446;
    font-size:11px;
}

.samsariBuyerMobile {
    direction:ltr;
    text-align:right;
    font-size:14px !important;
    letter-spacing:.3px;
    color:#b75f71 !important;
}


/* =========================================================
   ACTIONS
   ========================================================= */

.samsariRequestActions {
    display:flex;
    align-items:center;
    gap:7px;
    margin-top:12px;
}

.samsariRequestCallButton,
.samsariRequestContactedButton,
.samsariRequestCloseButton {
    min-height:35px;
    box-sizing:border-box;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:7px 13px;
    border-radius:9px;
    font-family:Tahoma;
    font-size:10px;
    font-weight:700;
    text-decoration:none !important;
    cursor:pointer;
}

.samsariRequestCallButton {
    background:#cf7f8e;
    border:1px solid #cf7f8e;
    color:#fff !important;
}

.samsariRequestCallButton:hover {
    background:#bf6e7d;
    color:#fff !important;
}

.samsariRequestContactedButton {
    background:#edf6ff;
    border:1px solid #c8dfef;
    color:#397799;
}

.samsariRequestCloseButton {
    background:#fff;
    border:1px solid #e3cbd0;
    color:#a55262;
}


/* =========================================================
   EMPTY
   ========================================================= */

.samsariRequestsEmpty {
    margin:25px 0;
    padding:45px 20px;
    background:#fff;
    border:1px solid #eadcdf;
    border-radius:17px;
    text-align:center;
}

.samsariRequestsEmptyIcon {
    width:55px;
    height:55px;
    margin:0 auto 12px;
    border-radius:50%;
    background:#f8e9ec;
    color:#bd6979;
    font-size:25px;
    line-height:55px;
}

.samsariRequestsEmpty h2 {
    margin:0 0 8px;
    color:#453e40;
    font-size:17px;
}

.samsariRequestsEmpty p {
    margin:0;
    color:#85797c;
    font-size:11px;
}


/* =========================================================
   PAGER
   ========================================================= */

.samsariRequestPager {
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:6px;
    margin:22px 0;
}

.samsariRequestPagerButton {
    min-width:34px;
    height:34px;
    box-sizing:border-box;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 10px;
    background:#fff;
    border:1px solid #e2cdd2;
    border-radius:8px;
    color:#a65e6d;
    font-size:10px;
    font-weight:700;
    text-decoration:none;
}

.samsariRequestPagerCurrent {
    background:#cf7f8e;
    border-color:#cf7f8e;
    color:#fff;
}

.samsariRequestPagerDots {
    color:#9f9295;
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:900px) {

    .samsariRequestsSummary {
        grid-template-columns:repeat(2,1fr);
    }

    .samsariRequestInfoGrid {
        grid-template-columns:repeat(2,1fr);
    }

    .samsariRequestsToolbar {
        flex-direction:column;
        align-items:stretch;
    }

    .samsariRequestsResult {
        width:100%;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:600px) {

    .samsariRequestsSearch {
        flex-direction:column;
        align-items:stretch;
    }

    .samsariRequestSearchInput,
    .samsariRequestFilter {
        max-width:none;
        width:100%;
    }

    .samsariRequestSearchButton,
    .samsariRequestClearButton {
        width:100%;
    }

    .samsariRequestCard {
        grid-template-columns:95px 1fr;
    }

    .samsariRequestImage {
        min-height:190px;
    }

    .samsariRequestImage img {
        min-height:190px;
    }

    .samsariRequestContent {
        padding:11px;
    }

    .samsariRequestTop {
        flex-direction:column;
        gap:6px;
    }

    .samsariRequestBadges {
        justify-content:flex-start;
    }

    .samsariRequestInfoGrid {
        grid-template-columns:1fr 1fr;
        gap:5px;
    }

    .samsariRequestInfoGrid > div {
        padding:7px;
    }

    .samsariRequestActions {
        flex-direction:column;
        align-items:stretch;
    }

    .samsariRequestCallButton,
    .samsariRequestContactedButton,
    .samsariRequestCloseButton {
        width:100%;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media(max-width:420px) {

    .samsariRequestsSummary {
        gap:7px;
    }

    .samsariRequestSummaryBox {
        padding:12px 5px;
    }

    .samsariRequestSummaryBox strong {
        font-size:20px;
    }

    .samsariRequestCard {
        grid-template-columns:1fr;
    }

    .samsariRequestImage {
        height:170px;
        min-height:0;
        border-left:0;
        border-bottom:1px solid #eee3e5;
    }

    .samsariRequestImage img {
        height:170px;
        min-height:0;
    }

}

.samsariRequestSoldButton {
    min-height:35px;
    box-sizing:border-box;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:7px 13px;
    border:1px solid #42a263;
    border-radius:9px;
    background:#4caf70;
    color:#fff;
    font-family:Tahoma;
    font-size:10px;
    font-weight:700;
    cursor:pointer;
}

.samsariRequestSoldButton:hover {
    background:#3e965e;
}