/* ==========================================================================
   LOT DETAY — galeri, teklif paneli, satis yontemleri, popup
   ========================================================================== */

/* --------------------------------------------------------------------------
   Kirinti yolu (breadcrumb)
   -------------------------------------------------------------------------- */

.crumbs {
    padding-block: 1.5rem;
    border-bottom: var(--rule);
    font-family: var(--mono);
    font-size: 0.68rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--ink-40);
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
}
.crumbs a { transition: color 0.3s var(--ease); }
.crumbs a:hover { color: var(--gold); }
.crumbs .sep { color: var(--ink-15); }
.crumbs [aria-current] { color: var(--ink); }

/* --------------------------------------------------------------------------
   Duzen — galeri solda, teklif paneli sagda (yapiskan)
   -------------------------------------------------------------------------- */

.lot-detail {
    display: grid;
    gap: clamp(2.5rem, 5vw, 4.5rem);
    padding-block: clamp(2.5rem, 5vw, 4rem);
}

@media (min-width: 1024px) {
    .lot-detail {
        grid-template-columns: minmax(0, 1.35fr) minmax(370px, 1fr);
        align-items: start;
    }
}

/* --------------------------------------------------------------------------
   GALERI — zoom
   -------------------------------------------------------------------------- */

.gallery { position: sticky; top: 100px; }
@media (max-width: 1023px) { .gallery { position: static; } }

.gal-main {
    position: relative;
    aspect-ratio: 4 / 5;
    overflow: hidden;
    background: var(--paper-warm);
    margin-bottom: 1rem;
    cursor: zoom-in;
}
.gal-main img {
    width: 100%; height: 100%;
    object-fit: cover;
    transition: transform 0.7s var(--ease);
}

/* Fare ile buyutme — arka plan konumu JS ile guncellenir */
.gal-main.zoomed {
    cursor: zoom-out;
    background-size: 220%;
    background-repeat: no-repeat;
}
.gal-main.zoomed img { opacity: 0; }

.gal-hint {
    position: absolute;
    bottom: 1rem; right: 1rem;
    background: rgba(255,255,255,0.94);
    color: var(--ink-60);
    font-family: var(--mono);
    font-size: 0.62rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 0.5rem 0.9rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    pointer-events: none;
    transition: opacity 0.3s var(--ease);
}
.gal-main.zoomed .gal-hint { opacity: 0; }

.gal-thumbs {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(72px, 1fr));
    gap: 0.6rem;
}
.gal-thumb {
    aspect-ratio: 1;
    overflow: hidden;
    border: 1px solid transparent;
    background: var(--paper-warm);
    padding: 0;
    cursor: pointer;
    transition: border-color 0.3s var(--ease);
}
.gal-thumb img { width: 100%; height: 100%; object-fit: cover; }
.gal-thumb:hover { border-color: var(--ink-15); }
.gal-thumb[aria-selected="true"] { border-color: var(--gold); }

/* --------------------------------------------------------------------------
   BASLIK BLOGU
   -------------------------------------------------------------------------- */

.lot-head { margin-bottom: 2rem; }

.lot-head .lot-no {
    font-size: 0.72rem;
    letter-spacing: 0.18em;
    margin-bottom: 0.9rem;
}

.lot-head h1 {
    font-family: var(--display);
    font-size: var(--step-3);
    font-weight: 300;
    line-height: 1.15;
    margin: 0 0 0.85rem;
}

.lot-head .by {
    font-family: var(--display);
    font-style: italic;
    font-size: var(--step-1);
    color: var(--ink-60);
    margin: 0 0 1.25rem;
}
.lot-head .by a { border-bottom: 1px solid var(--ink-15); }
.lot-head .by a:hover { color: var(--gold); border-color: var(--gold); }

/* Tahmini deger */
.estimate {
    display: flex;
    align-items: baseline;
    gap: 0.75rem;
    padding-block: 1.15rem;
    border-block: var(--rule);
    margin-bottom: 2rem;
}
.estimate .label { flex-shrink: 0; }
.estimate .val {
    font-family: var(--mono);
    font-variant-numeric: tabular-nums;
    font-size: var(--step-1);
}

/* --------------------------------------------------------------------------
   TEKLIF PANELI
   -------------------------------------------------------------------------- */

.bid-panel {
    border: var(--rule);
    background: var(--paper);
}

/* Baglanti durumu seridi */
.conn {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.65rem 1.5rem;
    font-family: var(--mono);
    font-size: 0.62rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    border-bottom: var(--rule);
    background: var(--paper-warm);
    color: var(--ink-40);
}
.conn .dot {
    width: 6px; height: 6px;
    border-radius: 50%;
    background: var(--ink-40);
    flex-shrink: 0;
}
.conn.live   { color: var(--live); background: var(--live-wash); }
.conn.live .dot { background: var(--live); animation: pulse 1.6s ease-in-out infinite; }
.conn.polling { color: #8a6d1f; background: var(--gold-wash); }
.conn.polling .dot { background: var(--gold); }
.conn.offline { color: var(--ink-40); }

.bid-body { padding: 1.75rem 1.5rem; }

/* Guncel teklif — sayfanin en buyuk rakami */
.current {
    text-align: center;
    padding-bottom: 1.5rem;
    border-bottom: var(--rule);
    margin-bottom: 1.5rem;
}
.current .label { display: block; margin-bottom: 0.6rem; }

.current .amount {
    display: block;
    font-family: var(--mono);
    font-variant-numeric: tabular-nums;
    font-size: clamp(2.2rem, 5vw, 3rem);
    font-weight: 500;
    letter-spacing: -0.03em;
    line-height: 1;
    transition: color 0.4s var(--ease);
}
.current .amount.flash {
    animation: flashGold 0.9s var(--ease);
}
@keyframes flashGold {
    0%   { color: var(--ink); }
    25%  { color: var(--gold); transform: scale(1.03); }
    100% { color: var(--ink); transform: scale(1); }
}

.current .sub {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.25rem;
    margin-top: 0.9rem;
    font-family: var(--mono);
    font-size: 0.68rem;
    color: var(--ink-40);
}
.current .sub i { margin-right: 0.35rem; }

/* Geri sayim */
.countdown {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    padding: 1rem;
    background: var(--paper-warm);
    margin-bottom: 1.5rem;
    font-family: var(--mono);
    font-variant-numeric: tabular-nums;
    font-size: var(--step-1);
    letter-spacing: 0.02em;
    transition: all 0.4s var(--ease);
}
.countdown i { font-size: 0.9rem; color: var(--ink-40); }

.countdown.urgent {
    background: var(--live-wash);
    color: var(--live);
    font-weight: 600;
}
.countdown.urgent i { color: var(--live); }

.countdown.final {
    animation: urgentPulse 1s ease-in-out infinite;
}
@keyframes urgentPulse {
    0%, 100% { background: var(--live-wash); }
    50%      { background: #FAE3E7; }
}

/* Son teklif veren */
.highest {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding-block: 1rem;
    border-bottom: var(--rule);
    margin-bottom: 1.5rem;
}
.highest .who {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-size: var(--step--1);
    font-weight: 500;
}
.badge-auto {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-family: var(--mono);
    font-size: 0.58rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    background: var(--gold-wash);
    color: #8a6d1f;
    padding: 0.25rem 0.5rem;
}
.badge-mine {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-family: var(--mono);
    font-size: 0.58rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    background: var(--ink);
    color: #fff;
    padding: 0.25rem 0.5rem;
}

/* Hizli teklif kademeleri */
.quick {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}
.quick button {
    padding: 0.85rem 0.4rem;
    background: transparent;
    border: 1px solid var(--ink-15);
    font-family: var(--mono);
    font-variant-numeric: tabular-nums;
    font-size: var(--step--1);
    cursor: pointer;
    transition: all 0.3s var(--ease);
}
.quick button:hover {
    border-color: var(--gold);
    background: var(--gold-wash);
    color: #8a6d1f;
}

/* Manuel giris */
.manual {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.5rem;
    margin-bottom: 0.85rem;
}
.manual input {
    padding: 0.95rem 1rem;
    border: 1px solid var(--ink-15);
    font-family: var(--mono);
    font-variant-numeric: tabular-nums;
    font-size: var(--step-0);
    background: var(--paper);
    color: var(--ink);
    width: 100%;
    border-radius: 0;
    -moz-appearance: textfield;
}
.manual input::-webkit-outer-spin-button,
.manual input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.manual input:focus { outline: none; border-color: var(--gold); }

.hint {
    font-size: var(--step--1);
    color: var(--ink-40);
    margin: 0 0 1.25rem;
    text-align: center;
}
.hint strong { color: var(--ink); font-family: var(--mono); }

/* Otomatik teklif kutusu */
.proxy {
    padding: 1.25rem;
    background: var(--gold-wash);
    border: 1px solid var(--gold-soft);
    margin-top: 1.25rem;
}
.proxy-head {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 0.6rem;
}
.proxy-head i { color: var(--gold); }
.proxy-head strong { font-size: var(--step--1); }

.proxy p {
    font-size: var(--step--1);
    color: var(--ink-60);
    margin: 0 0 1rem;
    line-height: 1.55;
}
.proxy input {
    width: 100%;
    padding: 0.85rem 1rem;
    border: 1px solid var(--gold-soft);
    background: var(--paper);
    font-family: var(--mono);
    font-variant-numeric: tabular-nums;
    margin-bottom: 0.75rem;
    border-radius: 0;
}
.proxy input:focus { outline: none; border-color: var(--gold); }

.proxy-on {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: var(--step--1);
}
.proxy-on i { color: var(--gold); }
.btn-text {
    margin-left: auto;
    background: none;
    border: none;
    color: var(--ink-60);
    font-size: var(--step--1);
    text-decoration: underline;
    cursor: pointer;
    padding: 0;
}
.btn-text:hover { color: var(--live); }

/* KVKK */
.kvkk {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    margin-top: 1.25rem;
    font-size: var(--step--1);
    color: var(--ink-60);
    line-height: 1.5;
    cursor: pointer;
}
.kvkk input { margin-top: 0.25rem; accent-color: var(--gold); flex-shrink: 0; }
.kvkk a { border-bottom: 1px solid var(--ink-15); }
.kvkk a:hover { color: var(--gold); border-color: var(--gold); }

/* Kapali lot */
.closed {
    text-align: center;
    padding: 2rem 1.5rem;
    background: var(--paper-warm);
}
.closed i { font-size: 1.75rem; color: var(--ink-40); margin-bottom: 0.85rem; display: block; }
.closed strong {
    display: block;
    font-family: var(--display);
    font-size: var(--step-2);
    font-weight: 300;
    margin-bottom: 0.35rem;
}
.closed .num { font-size: var(--step-1); }
.closed.sold i { color: var(--gold); }

/* --------------------------------------------------------------------------
   SATIS YONTEMI: SIMDI SATIN AL
   -------------------------------------------------------------------------- */

.buynow {
    padding: 1.75rem 1.5rem;
    text-align: center;
}
.buynow .label { display: block; margin-bottom: 0.6rem; }
.buynow .price {
    display: block;
    font-family: var(--mono);
    font-variant-numeric: tabular-nums;
    font-size: clamp(2.2rem, 5vw, 3rem);
    font-weight: 500;
    letter-spacing: -0.03em;
    line-height: 1;
    margin-bottom: 1.5rem;
}
.buynow .note {
    font-size: var(--step--1);
    color: var(--ink-40);
    margin-top: 1rem;
}
.pay-marks {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.25rem;
    margin-top: 1.25rem;
    padding-top: 1.25rem;
    border-top: var(--rule);
    color: var(--ink-40);
    font-size: 1.4rem;
}

/* --------------------------------------------------------------------------
   SATIS YONTEMI: WHATSAPP
   -------------------------------------------------------------------------- */

.wa-box {
    padding: 1.75rem 1.5rem;
    text-align: center;
}
.wa-box i.big {
    font-size: 2.4rem;
    color: #25D366;
    margin-bottom: 1rem;
    display: block;
}
.wa-box strong {
    display: block;
    font-family: var(--display);
    font-size: var(--step-2);
    font-weight: 300;
    margin-bottom: 0.6rem;
}
.wa-box p {
    font-size: var(--step--1);
    color: var(--ink-60);
    margin: 0 0 1.5rem;
    line-height: 1.6;
}

/* Gonderilecek mesajin onizlemesi — kullanici ne gidecegini bilir */
.wa-preview {
    text-align: left;
    background: var(--paper-warm);
    border-left: 2px solid #25D366;
    padding: 1rem 1.1rem;
    margin-bottom: 1.5rem;
    font-family: var(--mono);
    font-size: 0.7rem;
    line-height: 1.7;
    color: var(--ink-60);
    white-space: pre-line;
}

/* --------------------------------------------------------------------------
   ISLEM CUBUGU (favori, paylas, pdf, yazdir)
   -------------------------------------------------------------------------- */

.lot-acts {
    display: flex;
    gap: 0;
    margin-top: 1.5rem;
    border: var(--rule);
}
.lot-acts button,
.lot-acts a {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.4rem;
    padding: 0.95rem 0.5rem;
    background: transparent;
    border: none;
    border-right: var(--rule);
    color: var(--ink-60);
    font-family: var(--mono);
    font-size: 0.58rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s var(--ease);
}
.lot-acts > *:last-child { border-right: none; }
.lot-acts button:hover,
.lot-acts a:hover { background: var(--paper-warm); color: var(--ink); }
.lot-acts button.on { color: var(--live); }
.lot-acts i { font-size: 0.95rem; }

/* --------------------------------------------------------------------------
   TEKLIF GECMISI
   -------------------------------------------------------------------------- */

.history { margin-top: 2.5rem; }

.history h3 {
    font-family: var(--mono);
    font-size: 0.68rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--ink-40);
    font-weight: 500;
    margin: 0 0 1.25rem;
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.history ul {
    list-style: none;
    margin: 0; padding: 0;
    max-height: 340px;
    overflow-y: auto;
}
.history li {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.35rem 1rem;
    padding-block: 0.85rem;
    border-bottom: 1px solid var(--ink-08);
    align-items: center;
}
.history li.fresh { animation: slideDown 0.6s var(--ease); }
@keyframes slideDown {
    from { opacity: 0; transform: translateY(-10px); background: var(--gold-wash); }
    to   { opacity: 1; transform: none; background: transparent; }
}

.history .who {
    font-size: var(--step--1);
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.history .who i { color: var(--gold); font-size: 0.7rem; }
.history .amt {
    font-family: var(--mono);
    font-variant-numeric: tabular-nums;
    font-weight: 500;
    text-align: right;
}
.history .when {
    grid-column: 1;
    font-family: var(--mono);
    font-size: 0.62rem;
    color: var(--ink-40);
}

.history .empty {
    padding: 2rem 0;
    text-align: center;
    color: var(--ink-40);
    font-size: var(--step--1);
}

/* --------------------------------------------------------------------------
   KUNYE TABLOSU (Ekspertiz + ozellikler)
   -------------------------------------------------------------------------- */

.specs {
    border-top: var(--rule);
    margin-top: clamp(3rem, 6vw, 5rem);
    padding-top: clamp(3rem, 6vw, 5rem);
}

.spec-grid {
    display: grid;
    gap: 0;
    border-top: var(--rule);
}
@media (min-width: 700px) {
    .spec-grid { grid-template-columns: 1fr 1fr; column-gap: 3rem; }
}

.spec {
    display: grid;
    grid-template-columns: 140px 1fr;
    gap: 1.5rem;
    padding-block: 1.05rem;
    border-bottom: 1px solid var(--ink-08);
    align-items: baseline;
}
.spec dt {
    font-family: var(--mono);
    font-size: 0.66rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--ink-40);
}
.spec dd { margin: 0; font-size: var(--step-0); }

/* Ekspertiz notu — muhurlu belge hissi */
.expertise {
    margin-top: clamp(2.5rem, 5vw, 4rem);
    padding: clamp(1.75rem, 3.5vw, 2.75rem);
    background: var(--gold-wash);
    border-left: 2px solid var(--gold);
}
.expertise .label { color: #8a6d1f; margin-bottom: 1rem; display: block; }
.expertise p {
    font-family: var(--display);
    font-size: var(--step-1);
    font-weight: 300;
    line-height: 1.65;
    margin: 0;
}
.expertise .signed {
    margin-top: 1.5rem;
    padding-top: 1.25rem;
    border-top: 1px solid var(--gold-soft);
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-family: var(--mono);
    font-size: 0.66rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #8a6d1f;
}

.lot-desc {
    margin-top: clamp(2.5rem, 5vw, 4rem);
    max-width: 68ch;
}
.lot-desc p {
    font-size: var(--step-1);
    line-height: 1.75;
    color: var(--ink-60);
    font-weight: 300;
}

/* --------------------------------------------------------------------------
   POPUP (Teklif Ver — misafir formu)
   -------------------------------------------------------------------------- */

.modal {
    position: fixed;
    inset: 0;
    z-index: 300;
    display: grid;
    place-items: center;
    padding: 1.25rem;
    background: rgba(10,10,10,0.55);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s var(--ease);
}
.modal.open { opacity: 1; visibility: visible; }

.modal-box {
    width: 100%;
    max-width: 500px;
    max-height: 90vh;
    overflow-y: auto;
    background: var(--paper);
    transform: translateY(24px) scale(0.98);
    transition: transform 0.5s var(--ease);
}
.modal.open .modal-box { transform: none; }

.modal-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.5rem;
    padding: 1.75rem 1.75rem 1.25rem;
    border-bottom: var(--rule);
    position: sticky;
    top: 0;
    background: var(--paper);
    z-index: 2;
}
.modal-top .label { display: block; margin-bottom: 0.5rem; }
.modal-top h3 {
    font-family: var(--display);
    font-size: var(--step-2);
    font-weight: 300;
    margin: 0;
    line-height: 1.2;
}
.modal-x {
    background: none;
    border: none;
    color: var(--ink-40);
    font-size: 1.2rem;
    cursor: pointer;
    padding: 0.25rem;
    flex-shrink: 0;
    transition: color 0.3s var(--ease);
}
.modal-x:hover { color: var(--ink); }

.modal-body { padding: 1.75rem; }

.field { margin-bottom: 1.15rem; }
.field label {
    display: block;
    font-family: var(--mono);
    font-size: 0.64rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--ink-40);
    margin-bottom: 0.5rem;
}
.field input,
.field textarea {
    width: 100%;
    padding: 0.9rem 1rem;
    border: 1px solid var(--ink-15);
    background: var(--paper);
    color: var(--ink);
    font-family: var(--body);
    font-size: var(--step-0);
    border-radius: 0;
    transition: border-color 0.3s var(--ease);
}
.field input[type="number"] {
    font-family: var(--mono);
    font-variant-numeric: tabular-nums;
    -moz-appearance: textfield;
}
.field input[type="number"]::-webkit-outer-spin-button,
.field input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

.field input:focus,
.field textarea:focus { outline: none; border-color: var(--gold); }
.field textarea { resize: vertical; min-height: 88px; }

.field.err input { border-color: var(--live); }
.field .msg {
    display: none;
    margin-top: 0.4rem;
    font-size: var(--step--1);
    color: var(--live);
}
.field.err .msg { display: block; }

.field-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

/* --------------------------------------------------------------------------
   BILDIRIM (toast)
   -------------------------------------------------------------------------- */

.toasts {
    position: fixed;
    top: 1.25rem;
    right: 1.25rem;
    z-index: 400;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    max-width: min(380px, calc(100vw - 2.5rem));
}

.toast {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    padding: 1rem 1.15rem;
    background: var(--ink);
    color: #fff;
    box-shadow: 0 8px 40px rgba(0,0,0,0.2);
    font-size: var(--step--1);
    line-height: 1.5;
    animation: toastIn 0.5s var(--ease);
    border-left: 2px solid var(--ink-40);
}
@keyframes toastIn {
    from { opacity: 0; transform: translateX(30px); }
    to   { opacity: 1; transform: none; }
}
.toast.out { animation: toastOut 0.4s var(--ease) forwards; }
@keyframes toastOut {
    to { opacity: 0; transform: translateX(30px); }
}

.toast i { flex-shrink: 0; padding-top: 0.15rem; }
.toast.success { border-left-color: var(--gold); }
.toast.success i { color: var(--gold); }
.toast.error   { border-left-color: var(--live); }
.toast.error i { color: var(--live); }
.toast.warn    { border-left-color: var(--gold); }
.toast.warn i  { color: var(--gold); }

/* --------------------------------------------------------------------------
   MUZAYEDE UYARILARI (anti-sniping, anons, duraklama)
   -------------------------------------------------------------------------- */

.notice {
    display: none;
    align-items: center;
    gap: 0.75rem;
    padding: 0.95rem 1.25rem;
    margin-bottom: 1.25rem;
    font-size: var(--step--1);
    line-height: 1.45;
    animation: noticeIn 0.5s var(--ease);
}
.notice.show { display: flex; }

@keyframes noticeIn {
    from { opacity: 0; transform: translateY(-8px); }
    to   { opacity: 1; transform: none; }
}

.notice i { flex-shrink: 0; }
.notice.extend  { background: var(--live-wash); color: var(--live); border-left: 2px solid var(--live); }
.notice.announce { background: var(--gold-wash); color: #8a6d1f; border-left: 2px solid var(--gold); }
.notice.paused  { background: var(--paper-warm); color: var(--ink-60); border-left: 2px solid var(--ink-40); }

/* --------------------------------------------------------------------------
   YAZDIRMA
   -------------------------------------------------------------------------- */

@media print {
    .masthead, .foot, .floaters, .bid-panel, .lot-acts,
    .history, .gal-thumbs, .toasts, .crumbs { display: none !important; }

    .lot-detail { grid-template-columns: 1fr; }
    .gallery { position: static; }
    body { font-size: 11pt; }
    .expertise { border: 1px solid #ccc; background: none; }
}