:root {
      --primary: #ff4b00;
      --primary-hover: #e04200;
      --primary-light: #fff2ed;
      --primary-gradient: linear-gradient(135deg, #ff7438 0%, #ff4b00 50%, #d83b00 100%);
      --vip-gradient: linear-gradient(135deg, #ffd700 0%, #ff9800 100%);
      --prem-gradient: linear-gradient(135deg, #00c6ff 0%, #0072ff 100%);
      --store-badge-bg: linear-gradient(135deg, #0284c7 0%, #0369a1 100%);
      --bg: #f5f7fb;
      --card-bg: #ffffff;
      --text-dark: #0f172a;
      --text-muted: #64748b;
      --border: #e2e8f0;
      --shadow-soft: 0 10px 25px -5px rgba(15, 23, 42, 0.08), 0 8px 10px -6px rgba(15, 23, 42, 0.04);
      --shadow-hover: 0 20px 35px -8px rgba(255, 75, 0, 0.22), 0 10px 15px -3px rgba(15, 23, 42, 0.06);
      --radius: 16px;
      --transition: all 0.25s cubic-bezier(0.3, 0.8, 0.3, 1);
    }

    * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Plus Jakarta Sans', sans-serif; }
    body { background-color: var(--bg); color: var(--text-dark); min-height: 100vh; display: flex; flex-direction: column; }
    .container { width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 16px; }

    /* TOAST NOTIFICATIONS */
    #toastContainer { position: fixed; bottom: 24px; right: 24px; display: flex; flex-direction: column; gap: 10px; z-index: 99999; }
    .toast { background: white; color: var(--text-dark); padding: 14px 20px; border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.15); border-left: 5px solid var(--primary); display: flex; align-items: center; gap: 12px; font-weight: 600; font-size: 14px; animation: slideInRight 0.3s ease; min-width: 260px; }
    @keyframes slideInRight { from { transform: translateX(100%); opacity: 0; } to { transform: translateX(0); opacity: 1; } }

    /* TOP BAR */
    .top-bar { background: #eef2f6; font-size: 13px; padding: 6px 0; border-bottom: 1px solid var(--border); }
    .top-bar-flex { display: flex; justify-content: space-between; align-items: center; }
    .top-links { display: flex; align-items: center; gap: 16px; }
    .top-links a { color: var(--text-muted); text-decoration: none; font-weight: 500; cursor: pointer; transition: color 0.2s; display: flex; align-items: center; gap: 6px; }
    .top-links a:hover { color: var(--primary); }

    /* LANG SWITCHER */
    .lang-switcher { display: flex; gap: 4px; background: #e2e8f0; padding: 2px; border-radius: 8px; }
    .lang-btn { border: none; background: transparent; padding: 3px 8px; border-radius: 6px; font-size: 11px; font-weight: 800; cursor: pointer; transition: var(--transition); }
    .lang-btn.active { background: white; color: var(--primary); box-shadow: 0 2px 4px rgba(0,0,0,0.1); }

    /* HEADER */
    header { background: white; border-bottom: 1px solid var(--border); position: sticky; top: 0; z-index: 1000; box-shadow: 0 4px 15px rgba(0,0,0,0.03); }
    .main-nav { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 0; }
    .brand-logo { font-size: 28px; font-weight: 800; color: var(--primary); text-decoration: none; cursor: pointer; display: flex; align-items: center; gap: 6px; }

    /* SEARCH CONTAINER */
    .header-search { flex: 1; display: flex; align-items: center; border: 2px solid var(--border); border-radius: 12px; background: white; transition: var(--transition); }
    .header-search:focus-within { border-color: var(--primary); box-shadow: 0 0 0 3px rgba(255, 75, 0, 0.12); }
    .header-search select { border: none; background: #f8fafc; padding: 12px 14px; font-weight: 600; outline: none; border-radius: 10px 0 0 10px; border-right: 1px solid var(--border); cursor: pointer; font-size: 13px; }
    .header-search input { flex: 1; border: none; padding: 12px 16px; font-size: 14px; outline: none; }
    .header-search button { background: var(--primary-gradient); color: white; border: none; padding: 12px 22px; cursor: pointer; border-radius: 0 10px 10px 0; font-weight: 700; }

    /* ACTION BUTTONS */
    .action-group { display: flex; align-items: center; gap: 10px; }
    .btn-act { background: white; border: 1px solid var(--border); padding: 10px 14px; border-radius: 12px; font-weight: 600; font-size: 13.5px; cursor: pointer; display: flex; align-items: center; gap: 8px; transition: var(--transition); }
    .btn-act:hover { background: #f8fafc; transform: translateY(-2px); }
    .badge { background: var(--primary); color: white; border-radius: 20px; font-size: 11px; padding: 2px 7px; font-weight: 800; }
    .btn-post { background: var(--primary-gradient); color: white; border: none; padding: 11px 18px; border-radius: 12px; font-weight: 700; cursor: pointer; display: flex; align-items: center; gap: 8px; box-shadow: 0 6px 16px rgba(255, 75, 0, 0.28); transition: var(--transition); }
    .btn-post:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(255, 75, 0, 0.38); }

    /* CATEGORIES SLIDER */
    .categories-strip { display: flex; gap: 10px; overflow-x: auto; padding: 16px 0 8px 0; scrollbar-width: none; }
    .categories-strip::-webkit-scrollbar { display: none; }
    .cat-btn { background: white; border: 1px solid var(--border); border-radius: 12px; padding: 10px 18px; font-size: 13.5px; font-weight: 700; color: var(--text-dark); cursor: pointer; display: flex; align-items: center; gap: 8px; white-space: nowrap; transition: var(--transition); box-shadow: var(--shadow-soft); }
    .cat-btn:hover, .cat-btn.active { border-color: var(--primary); color: var(--primary); transform: translateY(-3px); box-shadow: var(--shadow-hover); background: var(--primary-light); }

    .view-container { display: none; padding-bottom: 50px; animation: viewIn 0.3s ease; }
    .view-container.active { display: block; }
    @keyframes viewIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }

    /* LAYOUT: SIDEBAR FILTERS + ADS */
    .main-layout { display: grid; grid-template-columns: 260px 1fr; gap: 20px; margin-top: 16px; }
    .filter-panel { background: white; border-radius: 14px; padding: 16px; border: 1px solid var(--border); box-shadow: 0 4px 12px rgba(0,0,0,0.03); height: fit-content; position: sticky; top: 80px; }
    .filter-title { font-size: 14px; font-weight: 800; display: flex; justify-content: space-between; align-items: center; }
    .filter-group { margin-top: 14px; border-bottom: 1px dashed #e2e8f0; padding-bottom: 12px; }
    .filter-group:last-child { border: none; padding-bottom: 0; }
    .filter-group label { display: block; font-size: 11px; font-weight: 700; text-transform: uppercase; color: var(--text-muted); margin-bottom: 6px; }
    .filter-inputs-row { display: flex; gap: 6px; }
    .filter-inputs-row input, .filter-group select { width: 100%; border: 1px solid var(--border); border-radius: 8px; padding: 8px; font-size: 12px; outline: none; background: #f8fafc; }
    .checkbox-wrap { display: flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; cursor: pointer; margin-top: 6px; }

    /* SAVED SEARCH CHIPS */
    .saved-searches-bar { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 12px; }
    .saved-chip { background: #e2e8f0; border-radius: 20px; padding: 4px 12px; font-size: 12px; font-weight: 700; display: flex; align-items: center; gap: 6px; cursor: pointer; }
    .saved-chip:hover { background: var(--primary-light); color: var(--primary); }

    /* ADS SECTION & CARDS */
    .section-headline { display: flex; justify-content: space-between; align-items: center; margin: 20px 0 14px 0; }
    .section-headline h2 { font-size: 18px; font-weight: 800; display: flex; align-items: center; gap: 8px; }
    .sort-wrap { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; color: var(--text-muted); }
    .sort-wrap select { border: 1px solid var(--border); border-radius: 8px; padding: 6px 10px; font-weight: 600; outline: none; }

    .ads-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 16px; }
    .ad-card { background: white; border-radius: var(--radius); overflow: hidden; border: 1px solid var(--border); box-shadow: var(--shadow-soft); cursor: pointer; transition: var(--transition); display: flex; flex-direction: column; position: relative; }
    .ad-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-hover); border-color: rgba(255,75,0,0.3); }
    .ad-card.card-is-vip { border: 2px solid #f59e0b; box-shadow: 0 10px 25px rgba(245, 158, 11, 0.2); }
    .ad-card.card-is-prem { border: 2px solid #0072ff; box-shadow: 0 10px 25px rgba(0, 114, 255, 0.2); }

    .card-thumb { width: 100%; height: 160px; position: relative; background: #e2e8f0; overflow: hidden; }
    .card-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease, opacity 0.3s ease; }
    .ad-card:hover .card-thumb img { transform: scale(1.08); }
    .site-watermark { position: absolute; z-index: 2; right: 12px; bottom: 12px; max-width: calc(100% - 24px); padding: 6px 10px; overflow: hidden; border: 1px solid rgba(255,255,255,.58); border-radius: 7px; background: rgba(15,23,42,.62); color: #fff; font-size: 12px; font-weight: 850; letter-spacing: .055em; line-height: 1.2; text-align: center; text-overflow: ellipsis; text-shadow: 0 1px 2px rgba(0,0,0,.5); white-space: nowrap; box-shadow: 0 2px 8px rgba(0,0,0,.22); pointer-events: none; user-select: none; }
    .card-watermark { right: 9px; bottom: 9px; max-width: calc(100% - 18px); padding: 4px 7px; font-size: 9px; }
    .card-badge { position: absolute; top: 8px; left: 8px; padding: 3px 8px; border-radius: 6px; font-size: 10px; font-weight: 800; text-transform: uppercase; color: white; z-index: 2; }
    .badge-vip { background: var(--vip-gradient); color: #000; box-shadow: 0 2px 6px rgba(0,0,0,0.2); }
    .badge-prem { background: var(--prem-gradient); color: white; box-shadow: 0 2px 6px rgba(0,0,0,0.2); }
    .store-mini-badge { top: auto; bottom: 8px; left: 8px; z-index: 3; display: flex; align-items: center; gap: 6px; max-width: calc(100% - 16px); padding: 5px 9px; overflow: hidden; border: 1px solid hsl(var(--store-hue) 62% 76%); border-radius: 999px; background: hsl(var(--store-hue) 84% 93% / 96%); color: hsl(var(--store-hue) 67% 24%); box-shadow: 0 3px 10px rgba(15,23,42,.24); backdrop-filter: blur(8px); font-size: 11px; line-height: 1.2; text-align: left; text-overflow: ellipsis; text-transform: none; white-space: nowrap; cursor: pointer; }
    .store-mini-badge span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .store-mini-badge i { flex: 0 0 auto; color: hsl(var(--store-hue) 72% 28%); font-size: 10px; }
    .store-mini-badge:hover { filter: saturate(1.12); transform: translateY(-1px); }

    .card-actions-top { position: absolute; top: 8px; right: 8px; display: flex; gap: 6px; z-index: 2; }
    .card-btn-icon { background: rgba(255,255,255,0.9); backdrop-filter: blur(4px); border: none; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; color: #64748b; transition: var(--transition); font-size: 13px; }
    .card-btn-icon:hover, .card-btn-icon.active { color: #e11d48; transform: scale(1.12); background: white; }
    .card-btn-icon.compare-btn.active { color: #0284c7; }

    .card-info { padding: 12px; display: flex; flex-direction: column; flex: 1; }
    .card-price { font-size: 18px; font-weight: 800; color: var(--primary); margin-bottom: 4px; }
    .card-title { font-size: 13.5px; font-weight: 600; line-height: 1.4; height: 38px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 10px; }
    .card-meta { font-size: 11px; color: var(--text-muted); border-top: 1px solid #f1f5f9; padding-top: 8px; margin-top: auto; display: flex; justify-content: space-between; }

    /* INFINITE SCROLL LOADER */
    .infinite-loader { text-align: center; padding: 24px 0; font-size: 14px; color: var(--text-muted); font-weight: 600; display: none; align-items: center; justify-content: center; gap: 10px; margin-top: 20px; }
    .spin-icon { animation: spin 1s linear infinite; }
    @keyframes spin { 100% { transform: rotate(360deg); } }

    /* STORES GRID & STORE PAGE */
    .store-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 20px; }
    .store-card { background: white; border-radius: var(--radius); overflow: hidden; border: 1px solid var(--border); box-shadow: var(--shadow-soft); cursor: pointer; transition: var(--transition); position: relative; }
    .store-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-hover); border-color: rgba(255,75,0,0.3); }
    .store-banner { width: 100%; height: 110px; background: #cbd5e1; position: relative; }
    .store-banner img { width: 100%; height: 100%; object-fit: cover; }
    .store-logo-avatar { width: 64px; height: 64px; border-radius: 14px; background: white; border: 3px solid white; position: absolute; bottom: -20px; left: 16px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); overflow: hidden; display: flex; align-items: center; justify-content: center; font-size: 24px; color: var(--primary); }
    .store-logo-avatar img { width: 100%; height: 100%; object-fit: cover; }
    .store-body { padding: 28px 16px 16px 16px; }
    .store-title-row { display: flex; align-items: center; gap: 6px; font-weight: 800; font-size: 16px; }
    .verified-badge { color: #0284c7; font-size: 14px; }
    .store-tag { background: #f1f5f9; color: var(--text-muted); font-size: 11px; padding: 3px 8px; border-radius: 6px; font-weight: 700; display: inline-block; margin-top: 6px; }

    /* SINGLE STORE PROFILE HEADER VIEW */
    .store-profile-header { background: white; border-radius: var(--radius); overflow: hidden; border: 1px solid var(--border); box-shadow: var(--shadow-soft); margin-bottom: 24px; }
    .store-cover-photo { width: 100%; height: 220px; position: relative; background: #1e293b; }
    .store-cover-photo img { width: 100%; height: 100%; object-fit: cover; }
    .store-header-details { padding: 20px 24px; display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; gap: 16px; position: relative; }
    .store-header-logo-container { width: 100px; height: 100px; border-radius: 20px; background: white; border: 4px solid white; position: absolute; top: -50px; left: 24px; box-shadow: 0 10px 25px rgba(0,0,0,0.15); overflow: hidden; }
    .store-header-logo-container img { width: 100%; height: 100%; object-fit: cover; }
    .store-header-info { margin-left: 120px; }
    .store-header-info h1 { font-size: 24px; font-weight: 800; display: flex; align-items: center; gap: 8px; }
    .store-header-info p { color: var(--text-muted); font-size: 13.5px; margin-top: 4px; }
    .store-contact-pills { display: flex; gap: 12px; margin-top: 10px; flex-wrap: wrap; }
    .store-contact-pill { background: #f1f5f9; padding: 6px 12px; border-radius: 8px; font-size: 12px; font-weight: 700; color: var(--text-dark); display: flex; align-items: center; gap: 6px; }

    /* DETAILS VIEW STYLES & IMAGE SWAP ANIMATIONS */
    .ad-detail-layout { display: grid; grid-template-columns: 2fr 1fr; gap: 24px; margin-top: 16px; }
    .detail-left { background: white; border-radius: var(--radius); padding: 24px; border: 1px solid var(--border); box-shadow: var(--shadow-soft); }
    .main-photo-view { width: 100%; height: 420px; background: #000; border-radius: 12px; overflow: hidden; margin-bottom: 12px; position: relative; }
    .main-photo-view img { width: 100%; height: 100%; object-fit: contain; transition: opacity 0.3s ease, transform 0.3s ease; opacity: 1; transform: scale(1); }
    .main-photo-view .site-watermark { right: 18px; bottom: 18px; padding: 8px 12px; font-size: 14px; }
    .main-photo-view img.img-fading { opacity: 0.3; transform: scale(0.98); }
    .thumb-tray { display: flex; gap: 10px; overflow-x: auto; margin-bottom: 20px; }
    .thumb-tray img { width: 80px; height: 60px; object-fit: cover; border-radius: 8px; cursor: pointer; border: 2px solid transparent; transition: var(--transition); opacity: 0.8; }
    .thumb-tray img:hover, .thumb-tray img.active { border-color: var(--primary); opacity: 1; transform: scale(1.05); }
    .specs-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin: 20px 0; background: #f8fafc; padding: 16px; border-radius: 12px; }
    .spec-item { font-size: 13px; display: flex; justify-content: space-between; border-bottom: 1px solid #edf2f7; padding-bottom: 6px; }
    .spec-item span:first-child { color: var(--text-muted); }
    .spec-item span:last-child { font-weight: 700; }
    .desc-body { font-size: 14.5px; line-height: 1.7; color: #334155; margin: 20px 0; white-space: pre-line; }

    /* MAP CONTAINER SIMULATION */
    .map-preview-box { width: 100%; height: 180px; background: #e2e8f0; border-radius: 12px; margin: 16px 0; overflow: hidden; position: relative; display: flex; align-items: center; justify-content: center; background-image: radial-gradient(#cbd5e1 2px, transparent 2px); background-size: 16px 16px; }
    .map-pin { font-size: 32px; color: #ef4444; text-shadow: 0 4px 8px rgba(0,0,0,0.3); }

    /* DETAIL SIDEBAR (SELLER) */
    .detail-right { display: flex; flex-direction: column; gap: 16px; }
    .seller-box { background: white; border-radius: var(--radius); padding: 24px; border: 1px solid var(--border); box-shadow: var(--shadow-soft); }
    .big-price { font-size: 28px; font-weight: 800; color: var(--primary); margin-bottom: 14px; }
    .btn-contact { width: 100%; padding: 14px; border-radius: 12px; border: none; font-weight: 700; font-size: 15px; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 8px; transition: var(--transition); margin-bottom: 10px; }
    .btn-tel { background: #10b981; color: white; }
    .btn-tel:hover { background: #059669; }
    .btn-wp { background: #25d366; color: white; }
    .btn-wp:hover { background: #1da851; }
    .btn-escrow { background: var(--primary-gradient); color: white; font-weight: 800; box-shadow: 0 6px 16px rgba(255,75,0,0.3); }

    .seller-clickable-header { display: flex; align-items: center; gap: 12px; margin: 18px 0 14px 0; cursor: pointer; padding: 8px; border-radius: 12px; transition: var(--transition); }
    .seller-clickable-header:hover { background: var(--primary-light); }

    /* PROFILE & SUB-TABS FOR AD STATUSES */
    .profile-layout { display: grid; grid-template-columns: 280px 1fr; gap: 24px; margin-top: 16px; }
    .profile-card { background: white; border-radius: var(--radius); padding: 24px; border: 1px solid var(--border); box-shadow: var(--shadow-soft); text-align: center; }
    .profile-avatar { width: 80px; height: 80px; border-radius: 50%; background: var(--primary-light); color: var(--primary); display: flex; align-items: center; justify-content: center; font-size: 32px; margin: 0 auto 16px; }
    .profile-menu { display: flex; flex-direction: column; gap: 6px; text-align: left; margin-top: 20px; }
    .profile-menu-item { padding: 10px 14px; border-radius: 10px; font-size: 13.5px; font-weight: 600; cursor: pointer; color: var(--text-dark); transition: var(--transition); display: flex; justify-content: space-between; align-items: center; }
    .profile-menu-item:hover, .profile-menu-item.active { background: var(--primary-light); color: var(--primary); }

    .ad-status-pills { display: flex; gap: 8px; overflow-x: auto; margin-bottom: 16px; border-bottom: 1px solid var(--border); padding-bottom: 10px; }
    .status-pill-btn { border: 1px solid var(--border); background: white; padding: 8px 14px; border-radius: 20px; font-size: 12.5px; font-weight: 700; cursor: pointer; transition: var(--transition); display: flex; align-items: center; gap: 6px; }
    .status-pill-btn:hover, .status-pill-btn.active { background: var(--primary-gradient); color: white; border-color: transparent; }

    /* ESCROW ORDER CARD */
    .escrow-card { background: white; border-radius: 12px; border: 1px solid var(--border); padding: 16px; margin-bottom: 12px; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 2px 8px rgba(0,0,0,0.02); }
    .escrow-status { padding: 4px 10px; border-radius: 20px; font-size: 11px; font-weight: 800; }
    .status-held { background: #fef3c7; color: #d97706; }
    .status-shipped { background: #e0f2fe; color: #0284c7; }
    .status-completed { background: #d1fae5; color: #059669; }

    /* LIVE CHAT BOX */
    .chat-container { background: white; border: 1px solid var(--border); border-radius: 14px; height: 420px; display: flex; flex-direction: column; overflow: hidden; }
    .chat-messages { flex: 1; padding: 16px; overflow-y: auto; display: flex; flex-direction: column; gap: 10px; }
    .chat-msg { max-width: 75%; padding: 10px 14px; border-radius: 12px; font-size: 13px; line-height: 1.4; }
    .chat-msg.me { background: var(--primary); color: white; align-self: flex-end; border-bottom-right-radius: 2px; }
    .chat-msg.other { background: #f1f5f9; color: var(--text-dark); align-self: flex-start; border-bottom-left-radius: 2px; }
    .chat-input-bar { padding: 10px; border-top: 1px solid var(--border); display: flex; gap: 8px; }
    .chat-input-bar input { flex: 1; border: 1px solid var(--border); border-radius: 8px; padding: 8px 12px; outline: none; font-size: 13px; }

    /* ANALYTICS BOX */
    .stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 20px; }
    .stat-card { background: #f8fafc; border-radius: 12px; padding: 16px; border: 1px solid var(--border); text-align: center; }
    .stat-val { font-size: 22px; font-weight: 800; color: var(--primary); }
    .stat-lbl { font-size: 11px; color: var(--text-muted); font-weight: 700; margin-top: 4px; }

    /* SPLIT CATEGORY MODAL */
    .split-cat-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; border: 1px solid var(--border); border-radius: 12px; overflow: hidden; height: 280px; }
    .split-col { overflow-y: auto; padding: 8px; background: #f8fafc; }
    .split-col:last-child { background: white; border-left: 1px solid var(--border); }
    .cat-item-btn { padding: 10px; border-radius: 8px; font-size: 13px; font-weight: 600; cursor: pointer; display: flex; justify-content: space-between; align-items: center; margin-bottom: 4px; transition: var(--transition); }
    .cat-item-btn:hover, .cat-item-btn.selected { background: var(--primary-light); color: var(--primary); }

    /* DUAL UPLOAD & CAMERA CONTROLS */
    .photo-upload-selector-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 12px; }
    .upload-action-card { border: 2px dashed var(--border); border-radius: 12px; padding: 16px; text-align: center; cursor: pointer; transition: var(--transition); background: #f8fafc; }
    .upload-action-card:hover { border-color: var(--primary); background: var(--primary-light); color: var(--primary); }
    .upload-action-card i { font-size: 24px; margin-bottom: 6px; display: block; color: var(--primary); }

    .camera-live-box { width: 100%; height: 240px; background: #000; border-radius: 12px; overflow: hidden; position: relative; display: none; margin-bottom: 12px; }
    .camera-live-box video { width: 100%; height: 100%; object-fit: cover; }
    .btn-snap-photo { position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%); background: white; border: 4px solid var(--primary); border-radius: 50%; width: 52px; height: 52px; cursor: pointer; }

    .modal-overlay { position: fixed; inset: 0; background: rgba(15, 23, 42, 0.6); backdrop-filter: blur(6px); z-index: 9999; display: none; align-items: center; justify-content: center; padding: 16px; }
    .modal-overlay.show { display: flex; }
    .modal-window { background: white; border-radius: 20px; width: 100%; max-width: 680px; overflow: hidden; box-shadow: 0 25px 50px rgba(0,0,0,0.2); animation: scaleUp 0.25s ease; }
    @keyframes scaleUp { from { transform: scale(0.95); opacity: 0; } to { transform: scale(1); opacity: 1; } }
    .modal-head { padding: 16px 20px; background: #f8fafc; border-bottom: 1px solid var(--border); display: flex; justify-content: space-between; align-items: center; }
    .modal-head h3 { font-size: 16px; font-weight: 800; }
    .modal-close { background: none; border: none; font-size: 20px; cursor: pointer; color: var(--text-muted); }
    .modal-body { padding: 20px; display: flex; flex-direction: column; gap: 14px; max-height: 80vh; overflow-y: auto; }
    .form-row { display: flex; flex-direction: column; gap: 6px; }
    .form-row label { font-size: 12.5px; font-weight: 700; color: var(--text-muted); }
    .form-row input, .form-row select, .form-row textarea { padding: 10px 12px; border: 1.5px solid var(--border); border-radius: 10px; font-size: 13.5px; outline: none; }
    .form-row input:focus, .form-row select:focus, .form-row textarea:focus { border-color: var(--primary); }
    .btn-submit { background: var(--primary-gradient); color: white; border: none; padding: 13px; font-weight: 700; border-radius: 10px; cursor: pointer; font-size: 15px; transition: var(--transition); }
    .btn-submit:hover { opacity: 0.95; }

    /* PREVIEW TRAY */
    .image-preview-tray { display: flex; gap: 10px; overflow-x: auto; margin-top: 10px; padding-bottom: 6px; }
    .preview-thumb-wrap { position: relative; display: inline-block; flex-shrink: 0; }
    .preview-thumb { width: 70px; height: 70px; border-radius: 8px; object-fit: cover; border: 1px solid var(--border); }
    .preview-remove-btn { position: absolute; top: -6px; right: -6px; background: #ef4444; color: white; border-radius: 50%; width: 20px; height: 20px; font-size: 11px; display: flex; align-items: center; justify-content: center; cursor: pointer; border: none; }

    /* PROMOTION SELECTION CARDS IN PROMO MODAL */
    .promo-type-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 12px; }
    .promo-card-option { border: 2px solid var(--border); border-radius: 12px; padding: 14px; cursor: pointer; transition: var(--transition); position: relative; text-align: center; }
    .promo-card-option:hover, .promo-card-option.selected { border-color: var(--primary); background: var(--primary-light); }
    .promo-card-option.is-vip { border-color: #f59e0b; background: #fffbe0; }
    .promo-card-option.is-prem { border-color: #0072ff; background: #f0f7ff; }

    /* COMPARISON MODAL TABLE */
    .compare-table { width: 100%; border-collapse: collapse; margin-top: 10px; font-size: 13px; }
    .compare-table th, .compare-table td { border: 1px solid var(--border); padding: 10px; text-align: left; }
    .compare-table th { background: #f8fafc; font-weight: 800; }

    /* FLOATING COMPARE BAR */
    #compareFloatingBar { position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); background: #0f172a; color: white; padding: 12px 24px; border-radius: 30px; display: none; align-items: center; gap: 16px; box-shadow: 0 10px 30px rgba(0,0,0,0.3); z-index: 999; }

    /* RESPONSIVE */
    @media(max-width: 992px) {
      .main-layout { grid-template-columns: 1fr; }
      .ad-detail-layout, .profile-layout { grid-template-columns: 1fr; }
      .stats-grid { grid-template-columns: repeat(2, 1fr); }
    }
    @media(max-width: 600px) {
      .main-nav { flex-wrap: wrap; }
      .header-search { order: 3; width: 100%; }
      .ads-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
      .card-thumb { height: 130px; }
      .main-photo-view { height: 260px; }
      .photo-upload-selector-grid { grid-template-columns: 1fr; }
      .promo-type-grid { grid-template-columns: 1fr; }
      .store-header-info { margin-left: 0; margin-top: 40px; }
    }

/* Tap Portal server-rendered refinements */
.brand-mark{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;background:var(--primary);color:#fff;border-radius:10px;font-size:17px}.header-search select{max-width:190px}.btn-act,.btn-post,.btn-submit,.status-pill-btn,.cat-btn,.profile-menu-item,.card-btn-icon,.upload-action-card{font-family:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.top-links a,.site-footer a{text-decoration:none}.cat-btn{border:1px solid var(--border)}.filter-panel{z-index:2}.link-button{background:none;border:0;color:var(--primary);cursor:pointer;font:inherit;font-size:12px;font-weight:700}.save-search-btn{width:100%;justify-content:center;margin-top:14px}.filter-panel .checkbox-wrap{display:flex;align-items:center;gap:8px}.filter-panel input[type=checkbox],.checkbox-line input{accent-color:var(--primary)}.vip-icon{color:#f59e0b}.orange-icon{color:var(--primary)}.heart-icon{color:#e11d48}.recent-head{margin-top:34px}.seller-link{font:600 12px 'Plus Jakarta Sans',sans-serif;color:var(--primary);background:none;border:0;text-align:left;cursor:pointer;margin:0 0 6px;padding:0}.card-open{width:100%;border:0;background:transparent;text-align:right;color:var(--primary);font-weight:700;font-size:11px;cursor:pointer;padding:6px 0 0}.card-open-overlay{display:none}.card-open-text{position:relative;z-index:3;border:0;background:none;color:var(--primary);font-weight:700;cursor:pointer;padding-top:9px;text-align:right}.card-info{gap:0}.card-title{height:auto;min-height:38px}.card-meta{font-size:10px;gap:4px}.empty-state{grid-column:1/-1;background:#fff;border:1px dashed var(--border);border-radius:12px;padding:24px;text-align:center;color:var(--text-muted);font-size:13px}.setup-banner{margin:20px 0;padding:20px;background:#fff7ed;border:1px solid #fed7aa;border-radius:14px}.setup-banner p{margin:8px 0 14px;color:#9a3412}.compare-floating{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#0f172a;color:#fff;padding:12px 18px;border-radius:30px;display:none;align-items:center;gap:14px;box-shadow:0 10px 30px #0004;z-index:999}.compare-floating .small{padding:7px 12px;font-size:12px}.close-compare{padding:6px 11px;color:#fff;background:transparent;border-color:#334155}
.detail-breadcrumb{font-size:13px;color:var(--text-muted);margin:14px 0}.detail-left h1{font-size:22px;font-weight:800;margin:16px 0}.seller-box{position:sticky;top:90px}.seller-clickable-header{width:100%;display:flex;align-items:center;gap:12px;text-align:left;border:0;background:#fff;cursor:pointer;padding:8px;border-radius:12px;margin:15px 0}.seller-clickable-header small{display:block;color:var(--text-muted);margin-top:4px}.seller-avatar{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--primary-light);color:var(--primary);border-radius:50%;overflow:hidden}.seller-avatar img{width:100%;height:100%;object-fit:cover}.detail-actions{display:flex;gap:10px;flex-wrap:wrap;border-top:1px solid #edf2f7;padding-top:16px}.report-btn{color:#ef4444}.map-title{margin-top:20px}.map-preview-box #dtMapLocationText{position:absolute;bottom:12px;background:#fff;border-radius:8px;padding:5px 10px;font-size:12px;font-weight:700}.thumb-tray{align-items:center}.detail-thumb{border:2px solid transparent;padding:0;background:none;border-radius:8px;overflow:hidden;flex:none}.detail-thumb img{width:80px;height:60px;object-fit:cover;display:block}.detail-thumb.active{border-color:var(--primary)}.store-card{cursor:pointer}.store-banner img{width:100%;height:100%;object-fit:cover}.store-description{font-size:12px;color:var(--text-muted);margin-top:8px;line-height:1.5;max-height:58px;overflow:hidden}.store-profile-header{background:#fff;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow-soft);margin:18px 0 24px}.store-cover-photo{background:linear-gradient(120deg,#172554,#0f172a)}.store-cover-photo>img{width:100%;height:100%;object-fit:cover}.store-header-logo-container img{width:100%;height:100%;object-fit:cover}.store-contact-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.store-contact-pills span{background:#f1f5f9;padding:6px 10px;border-radius:8px;font-size:12px;font-weight:700}.store-header-details{align-items:center}.store-header-info h1{font-size:22px}.site-footer{margin-top:60px;padding:24px 0;background:#fff;border-top:1px solid var(--border)}.site-footer>.container{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.site-footer .brand-logo{font-size:20px}.site-footer small{margin-left:auto;color:var(--text-muted)}
.modal-overlay{z-index:9999}.modal-window{max-height:92vh;overflow:hidden}.modal-body{overflow:auto}.modal-close{font:inherit;font-size:24px;line-height:1}.modal-label,.form-row label{font-size:12.5px;font-weight:700;color:var(--text-muted)}.modal-wide{max-width:820px}.split-col{display:flex;flex-direction:column;gap:4px}.cat-item-btn{width:100%;border:0;background:transparent;text-align:left}.cat-item-btn .fa-chevron-right{margin-left:auto}.category-help{padding:80px 12px;text-align:center;color:var(--text-muted);font-size:12px}.selected-category{background:var(--primary-light);color:var(--primary);padding:10px 12px;border-radius:9px;font-weight:700;font-size:13px}.dynamic-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;background:#f8fafc;padding:12px;border-radius:12px}.checkbox-line{display:flex;flex-direction:row;gap:18px;flex-wrap:wrap}.checkbox-line label{display:flex;align-items:center;gap:7px}.photo-upload-selector-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.upload-action-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--text-dark);border:2px dashed var(--border);background:#f8fafc;border-radius:12px;padding:16px;cursor:pointer}.upload-action-card i{font-size:22px;color:var(--primary)}.camera-live-box{height:240px;background:#050505;border-radius:12px;overflow:hidden;margin:12px 0;position:relative}.camera-live-box video{width:100%;height:100%;object-fit:cover}.btn-snap-photo{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);width:56px;height:56px;background:#fff;border:4px solid var(--primary);border-radius:50%;cursor:pointer}.image-preview-tray{display:flex;gap:9px;overflow:auto;padding:8px 3px}.preview-thumb-wrap{position:relative;flex:none}.preview-thumb{width:70px;height:70px;object-fit:cover;border:1px solid var(--border);border-radius:8px}.preview-remove-btn{position:absolute;right:-5px;top:-5px;width:20px;height:20px;border:0;border-radius:50%;background:#ef4444;color:#fff;cursor:pointer}.promo-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.promo-card-option{display:flex;flex-direction:column;align-items:center;gap:6px;border:2px solid var(--border);background:#fff;padding:16px;border-radius:12px;cursor:pointer}.promo-card-option i{font-size:22px}.promo-card-option.is-vip i{color:#f59e0b}.promo-card-option.is-prem i{color:#0072ff}.promo-card-option.selected{outline:2px solid var(--primary);outline-offset:1px}.promo-card-option small{color:var(--text-muted);font-size:11px}.promo-note{font-size:12px;color:var(--text-muted)}.compare-table-wrap{overflow:auto;width:100%}.compare-table{min-width:520px;border-collapse:collapse;width:100%}.compare-table td,.compare-table th{border:1px solid var(--border);padding:9px;text-align:left;font-size:12px}.compare-table th{background:#f8fafc}.compare-table img{object-fit:cover;border-radius:6px}.static-page{max-width:850px;margin:24px auto;padding:26px;background:#fff;border:1px solid var(--border);border-radius:16px}.static-page h2{margin-bottom:16px}.plain-form{max-width:440px;padding:18px;background:#fff;border:1px solid var(--border);border-radius:12px}.plain-form .form-row{margin-bottom:12px}.profile-phone{font-size:12px;color:var(--text-muted)}.profile-balance{background:#f8fafc;border:1px dashed var(--border);border-radius:12px;padding:14px;margin:16px 0}.profile-balance>div{color:var(--text-muted);font-size:12px}.profile-balance strong{display:block;color:var(--primary);font-size:22px;margin:4px 0}.profile-balance .btn-act{width:100%;justify-content:center}.profile-menu-item{border:0;background:transparent;text-align:left}.profile-menu-item.active{background:var(--primary-light);color:var(--primary)}.logout-btn{width:100%;justify-content:center;margin-top:20px;color:#ef4444}.profile-sections>div[hidden],#singleStoreDetailSection[hidden]{display:none!important}.profile-sections{min-width:0}.chat-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:12px}.chat-threads-list{display:flex;flex-direction:column;gap:6px;max-height:420px;overflow:auto}.chat-thread{display:flex;flex-direction:column;gap:3px;position:relative;text-align:left;border:1px solid var(--border);border-radius:10px;padding:10px;background:#fff;cursor:pointer}.chat-thread.active{border-color:var(--primary);background:var(--primary-light)}.chat-thread small,.chat-thread span{font-size:11px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-thread .badge{position:absolute;right:8px;top:8px}.chat-container{height:420px}.chat-header{padding:10px 14px;border-bottom:1px solid var(--border);font-size:13px;font-weight:700}.chat-msg{white-space:pre-wrap;word-break:break-word}.chat-msg small{display:block;font-size:9px;opacity:.7;margin-top:4px}.chat-input-bar input{min-width:0}.escrow-card{gap:12px}.escrow-card>div:first-child{display:flex;flex-direction:column;gap:4px}.escrow-status{display:inline-block;background:#e2e8f0;color:#334155;padding:4px 8px;border-radius:16px;font-size:10px;font-weight:800}.status-held{background:#fef3c7;color:#b45309}.status-shipped{background:#e0f2fe;color:#0369a1}.status-completed{background:#d1fae5;color:#047857}.status-disputed{background:#fee2e2;color:#b91c1c}.wallet-row{display:grid;grid-template-columns:1fr auto;gap:4px;padding:12px;border-bottom:1px solid var(--border)}.wallet-row small{grid-column:1/-1;color:var(--text-muted)}.wallet-row span{font-weight:800;color:#059669}.wallet-row span.negative{color:#dc2626}.load-more{display:block;margin:18px auto}.infinite-loader{gap:10px}.auth-switch{align-self:center;padding:8px}.form-row input:focus,.form-row select:focus,.form-row textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #ff4b0015}.btn-submit{width:100%}
@media(max-width:992px){.detail-right .seller-box{position:static}.profile-layout{grid-template-columns:1fr}.profile-card{position:static}.profile-menu{display:grid;grid-template-columns:repeat(2,1fr)}.chat-layout{grid-template-columns:1fr}.chat-threads-list{max-height:170px}}
@media(max-width:600px){.top-links{gap:8px}.top-links>a{font-size:0}.top-links>a i{font-size:13px}.hotline{font-size:11px}.main-nav{gap:8px}.action-group{gap:5px}.action-group .btn-act{padding:8px}.btn-post{padding:10px 12px;font-size:12px}.header-search select{max-width:115px;padding:10px 6px;font-size:11px}.header-search input{min-width:0;padding:10px 8px;font-size:12px}.header-search button{padding:10px 14px}.main-layout{grid-template-columns:1fr}.filter-panel{position:relative;top:auto}.ads-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.card-thumb{height:128px}.card-info{padding:9px}.card-price{font-size:15px}.card-title{font-size:12px;line-height:1.35}.card-meta{font-size:9px}.seller-link{font-size:10px}.profile-menu{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.ad-detail-layout{grid-template-columns:1fr}.detail-left{padding:15px}.main-photo-view{height:270px}.big-price{font-size:24px}.dynamic-fields,.photo-upload-selector-grid,.promo-type-grid{grid-template-columns:1fr}.modal-overlay{padding:9px}.modal-window{border-radius:15px}.modal-body{padding:15px;max-height:78vh}.section-headline h2{font-size:16px}.compare-floating{max-width:calc(100% - 20px);width:max-content;padding:9px 12px;gap:8px;font-size:11px}.site-footer small{margin-left:0}.store-header-info{margin-left:0;margin-top:42px}.store-header-details{padding:18px}.store-header-logo-container{left:18px}.escrow-card{align-items:flex-start;flex-direction:column}.top-links .lang-switcher{gap:2px}.lang-btn{padding:3px 5px}}


/* İstifadəçi kabinetində mağazaların idarəetmə siyahısı */
.my-stores-box{margin:0 0 24px;padding:18px;background:#fff;border:1px solid var(--border,#e5e7eb);border-radius:14px}.my-stores-box .section-headline{margin-bottom:12px}.my-store-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--border,#e5e7eb)}.my-store-brand{display:flex;align-items:center;gap:12px;min-width:0}.my-store-brand>img,.my-store-brand>i{width:44px;height:44px;flex:none;object-fit:cover;border-radius:11px;background:#fff1e9;color:#ff4b00;display:grid;place-items:center}.my-store-brand>div{display:flex;flex-direction:column;gap:4px;min-width:0}.my-store-brand strong{overflow-wrap:anywhere}.my-store-brand small{color:#64748b}
@media(max-width:640px){.my-stores-box{padding:14px}.my-store-card{align-items:flex-start;flex-direction:column}.my-store-card .admin-mini{width:100%}}


/* Tap Portal custom notice / confirmation / input dialogs */
body.tap-dialog-open{overflow:hidden}
.tap-dialog-backdrop{position:fixed;inset:0;z-index:200000;display:grid;place-items:center;padding:18px;background:rgba(15,23,42,.52);backdrop-filter:blur(5px);animation:tapDialogFade .16s ease-out}
.tap-dialog-card{width:min(100%,480px);max-height:min(90vh,720px);overflow:auto;background:var(--card-bg,#fff);border:1px solid rgba(226,232,240,.9);border-radius:20px;box-shadow:0 28px 80px rgba(15,23,42,.28);animation:tapDialogEnter .2s cubic-bezier(.2,.8,.2,1);outline:none}
.tap-dialog-header{display:flex;align-items:center;gap:13px;padding:22px 22px 12px}
.tap-dialog-icon{width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:14px;background:var(--primary-light,#fff2ed);color:var(--primary,#ff4b00);font-size:18px}
.tap-dialog-icon.is-danger{background:#fff1f2;color:#e11d48}
.tap-dialog-title{margin:0;flex:1;color:var(--text-dark,#0f172a);font-size:18px;line-height:1.3;font-weight:800}
.tap-dialog-close{width:34px;height:34px;flex:none;border:0;border-radius:10px;background:#f1f5f9;color:#475569;font-size:24px;line-height:1;cursor:pointer;transition:var(--transition,all .2s)}
.tap-dialog-close:hover{background:#e2e8f0;color:#0f172a}
.tap-dialog-content{padding:4px 22px 12px}
.tap-dialog-message{margin:0;color:var(--text-muted,#64748b);font-size:14px;line-height:1.65;white-space:pre-line}
.tap-dialog-label{display:block;margin:16px 0 7px;color:var(--text-dark,#0f172a);font-size:12px;font-weight:800}
.tap-dialog-input{display:block;width:100%;min-height:44px;padding:11px 13px;border:1px solid var(--border,#e2e8f0);border-radius:11px;background:#f8fafc;color:var(--text-dark,#0f172a);font:500 14px 'Plus Jakarta Sans',sans-serif;outline:none;transition:box-shadow .18s,border-color .18s,background .18s}
textarea.tap-dialog-input{min-height:108px;resize:vertical;line-height:1.5}
.tap-dialog-input:focus{border-color:var(--primary,#ff4b00);background:#fff;box-shadow:0 0 0 4px rgba(255,75,0,.12)}
.tap-dialog-error{min-height:18px;margin:6px 0 0;color:#be123c;font-size:12px;font-weight:600}
.tap-dialog-actions{display:flex;justify-content:flex-end;gap:9px;padding:12px 22px 22px}
.tap-dialog-button{min-height:42px;padding:10px 16px;border:1px solid transparent;border-radius:11px;font:700 13px 'Plus Jakarta Sans',sans-serif;cursor:pointer;transition:transform .16s,box-shadow .16s,background .16s,border-color .16s}
.tap-dialog-button:hover{transform:translateY(-1px)}
.tap-dialog-button:focus-visible,.tap-dialog-close:focus-visible{outline:3px solid rgba(255,75,0,.3);outline-offset:2px}
.tap-dialog-cancel{border-color:var(--border,#e2e8f0);background:#fff;color:#475569}
.tap-dialog-cancel:hover{background:#f8fafc;border-color:#cbd5e1}
.tap-dialog-confirm{background:var(--primary-gradient,linear-gradient(135deg,#ff7438,#ff4b00));color:#fff;box-shadow:0 6px 16px rgba(255,75,0,.22)}
.tap-dialog-confirm:hover{box-shadow:0 9px 22px rgba(255,75,0,.3)}
.tap-dialog-confirm.is-danger{background:linear-gradient(135deg,#fb7185,#e11d48);box-shadow:0 6px 16px rgba(225,29,72,.2)}
.tap-dialog-confirm.is-danger:hover{box-shadow:0 9px 22px rgba(225,29,72,.3)}
@keyframes tapDialogFade{from{opacity:0}to{opacity:1}}
@keyframes tapDialogEnter{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:480px){.tap-dialog-backdrop{padding:12px;align-items:end}.tap-dialog-card{width:100%;border-radius:20px 20px 16px 16px}.tap-dialog-header{padding:18px 18px 10px}.tap-dialog-content{padding:4px 18px 8px}.tap-dialog-actions{padding:10px 18px 18px}.tap-dialog-title{font-size:16px}}
@media(prefers-reduced-motion:reduce){.tap-dialog-backdrop,.tap-dialog-card{animation:none}.tap-dialog-button,.tap-dialog-close{transition:none}}


/* Phase 2: in-app notifications, trust verification, seller reviews, and advisory quality hints. */
.notification-bell{position:relative}.notification-bell .badge{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;display:grid;place-items:center;padding:0 4px;border-radius:99px;background:var(--accent,#ef6b46);color:#fff;font-size:10px;font-weight:800;line-height:1}.notification-bell .badge[hidden],.profile-menu-item .badge[hidden]{display:none}
.profile-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.profile-section-heading h3{margin:0}.feature-note{max-width:760px;color:var(--muted,#718096);line-height:1.6}.notification-card{width:100%;display:flex;align-items:flex-start;gap:14px;padding:16px;margin:10px 0;border:1px solid var(--border,#e6eaf0);border-radius:14px;background:var(--surface,#fff);color:inherit;text-align:left;cursor:pointer;transition:border-color .18s,transform .18s,background .18s}.notification-card:hover{border-color:var(--brand,#147d70);transform:translateY(-1px)}.notification-card.unread{background:#f3faf8;border-color:#b8ddd5}.notification-icon{flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#e4f4f0;color:var(--brand,#147d70)}.notification-copy{min-width:0;display:grid;gap:4px}.notification-copy strong{font-size:14px}.notification-copy span{color:var(--muted,#718096);font-size:13px;line-height:1.45;overflow-wrap:anywhere}.notification-copy small{color:var(--muted,#8490a0);font-size:11px}.notification-unread-dot{flex:0 0 8px;width:8px;height:8px;margin:5px 2px 0 auto;border-radius:50%;background:var(--brand,#147d70)}
.verification-card{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:15px;margin:10px 0;border:1px solid var(--border,#e6eaf0);border-radius:14px;background:var(--surface,#fff)}.verification-card>div:first-child{display:grid;gap:4px;min-width:180px;flex:1}.verification-card>div:first-child span,.verification-history-row small{color:var(--muted,#718096);font-size:13px;overflow-wrap:anywhere}.verification-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:99px;background:#f1f3f6;color:#5e6877;font-size:11px;font-weight:750;white-space:nowrap}.verification-badge.is-approved{background:#e3f5ec;color:#177245}.verification-badge.is-pending{background:#fff4dc;color:#946300}.verification-badge.is-rejected{background:#fde9e7;color:#ad352c}.verification-history-row{display:grid;grid-template-columns:minmax(110px,1fr) auto;gap:6px 12px;align-items:center;padding:12px 2px;border-bottom:1px solid var(--border,#e6eaf0)}.verification-history-row small{grid-column:1/-1}.verification-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.my-store-brand small .verification-badge{margin-left:6px;vertical-align:middle}
.rating-summary,.store-rating-summary{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0 18px;padding:14px 16px;border-radius:12px;background:#fff8e7;color:#5b4b20}.rating-stars{color:#e5a21b;letter-spacing:1px;font-size:15px;white-space:nowrap}.seller-rating-inline{display:block;margin-top:3px;color:#a66b00;font-weight:750;font-size:12px}.seller-reviews-panel,.store-reviews-list{margin-top:20px}.seller-reviews-panel h3{margin-bottom:12px}.review-card{padding:14px;margin:9px 0;border:1px solid var(--border,#e6eaf0);border-radius:13px;background:var(--surface,#fff)}.review-card-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.review-card-head small{margin-left:auto;color:var(--muted,#718096);font-size:11px}.review-card p{margin:10px 0 0;color:var(--muted,#586475);line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.seller-review-form{display:grid;gap:10px;width:min(100%,520px);margin-top:14px;padding:14px;border:1px solid #d8e8e4;border-radius:12px;background:#f8fcfb}.seller-review-form label{display:grid;gap:6px;font-size:13px;font-weight:700}.seller-review-form select,.seller-review-form textarea{width:100%;padding:10px;border:1px solid var(--border,#dce2e8);border-radius:8px;background:#fff;color:inherit;font:inherit}.seller-review-form textarea{resize:vertical}.review-status{display:block;margin-top:8px;color:var(--muted,#718096);font-size:12px}.quality-hint{display:grid;gap:5px;margin:7px 0 12px;color:#8b6b26;font-size:12px;line-height:1.45}.quality-hint:empty{display:none}.quality-hint span{display:block;padding:7px 10px;border-left:3px solid #e4b852;border-radius:0 7px 7px 0;background:#fff9e9}
@media(max-width:640px){.profile-section-heading{align-items:flex-start;flex-direction:column}.notification-card{padding:12px}.verification-card{align-items:flex-start;flex-direction:column}.verification-card>div:first-child{width:100%}.review-card-head{gap:7px}.review-card-head small{width:100%;margin-left:0}.seller-review-form{padding:11px}}


/* Paid banner advertising */
.paid-banner-placement{position:relative;width:100%;margin:18px 0 22px;overflow:hidden;border:1px solid #dce6e5;border-radius:16px;background:#f6faf9;box-shadow:0 8px 24px rgba(19,48,49,.08)}
.paid-banner-home-mid{max-width:100%;margin:22px 0}
.paid-banner-link{position:relative;display:block;color:inherit;text-decoration:none;line-height:0}
.paid-banner-image{display:block;width:100%;max-height:260px;min-height:96px;object-fit:cover;background:#eef3f3}
.paid-banner-watermark{right:auto;left:12px;bottom:12px;max-width:calc(100% - 120px)}
.paid-banner-disclosure{position:absolute;right:12px;top:12px;padding:6px 10px;border:1px solid rgba(255,255,255,.45);border-radius:99px;background:rgba(13,36,38,.78);color:#fff;font-size:11px;font-weight:800;letter-spacing:.04em;line-height:1.2;text-transform:uppercase;backdrop-filter:blur(5px)}
.banner-order-form{margin:16px 0 24px;padding:18px;border:1px solid var(--border,#e6eaf0);border-radius:16px;background:#fbfdfd}
.banner-order-form .form-inline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.banner-order-form .form-inline label{display:flex;flex-direction:column;gap:7px}
.banner-order-form input,.banner-order-form select,.banner-order-form textarea{width:100%;box-sizing:border-box}
.banner-quote{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:12px 0;padding:14px 16px;border:1px solid #cfe3dc;border-radius:12px;background:linear-gradient(120deg,#f1fbf6,#f7fafb);color:#334155}
.banner-quote strong{font-size:20px;color:#087c67}
.banner-quote small{flex-basis:100%;color:#64748b;font-size:12px}
.banner-order-card{display:grid;grid-template-columns:112px minmax(0,1fr) auto;gap:14px;align-items:center;margin:10px 0;padding:12px;border:1px solid var(--border,#e6eaf0);border-radius:14px;background:#fff}
.banner-order-thumb{width:112px;height:74px;object-fit:cover;border-radius:9px;background:#f1f5f9}
.banner-order-main{display:grid;gap:5px;min-width:0}
.banner-order-main small{color:#64748b;overflow-wrap:anywhere}
.banner-moderator-note{color:#9a3412!important}
.banner-order-badges{display:grid;gap:6px;justify-items:end}
.banner-status,.banner-payment-status{display:inline-flex;align-items:center;padding:5px 9px;border-radius:99px;background:#eef2f7;color:#475569;font-size:11px;font-weight:750;white-space:nowrap}
.banner-status.status-approved,.banner-payment-status.payment-confirmed{background:#dcfce7;color:#166534}
.banner-status.status-pending,.banner-payment-status.payment-pending{background:#fef3c7;color:#92400e}
.banner-status.status-rejected,.banner-payment-status.payment-refunded{background:#fee2e2;color:#991b1b}
.banner-status.status-paused{background:#e0e7ff;color:#3730a3}
.banner-status.status-expired{background:#e2e8f0;color:#334155}
.admin-banner-thumb{display:block;width:148px;height:72px;margin-top:8px;object-fit:cover;border-radius:8px;background:#f1f5f9}
.banner-slot-size{display:flex;align-items:center;gap:7px}
.banner-slot-size input{min-width:0;width:100%}
.banner-slot-size span{color:#64748b}
.banner-slot-form>strong{color:#087c67;font-size:14px}
@media(max-width:700px){.banner-order-form .form-inline{grid-template-columns:1fr}.banner-order-card{grid-template-columns:78px minmax(0,1fr);align-items:start}.banner-order-thumb{width:78px;height:64px}.banner-order-badges{grid-column:1/-1;display:flex;justify-content:flex-start;flex-wrap:wrap}}

/* Keep the complete original listing photo visible in cards, previews and gallery thumbnails. */
.card-thumb{background:#f1f5f9}
.card-thumb img{object-fit:contain;object-position:center;background:#f1f5f9}
.ad-card:hover .card-thumb img{transform:none}
.preview-thumb{object-fit:contain;background:#f1f5f9}
.detail-thumb img{object-fit:contain;background:#f1f5f9}