/* Müzayede sayfası — "Müzayede Saatler Sayfası" tasarımı */
.twbm-page{
    --ink:#111;--muted:#555;--soft:#6B6B6B;--cream:#F6F1E8;--cream2:#FBF8F3;--line:#E7DFD0;--line2:#DCCFB6;--brown:#6B5A3E;--gold:#8F6424;--gold2:#B8873A;
    color:var(--ink);font-size:14px;line-height:1.6;padding:0 0 96px;
}
.twbm-page *{box-sizing:border-box}
.twbm-page a{color:var(--ink);text-decoration:none}
.twbm-page a:hover{color:var(--gold)}
.twbm-page p{margin:0}
.twbm-page img{display:block;width:100%;height:100%;object-fit:cover}
.twbm-page small{font-size:11px;letter-spacing:.12em;line-height:1.5;display:block}

/* ---------- krem kutu ---------- */
.twbm-hero{background:var(--cream);border:1px solid var(--line);padding:10px}
.twbm-hero__in{border:1px solid var(--line2);padding:48px;display:flex;flex-wrap:wrap;gap:48px;align-items:center}
.twbm-hero__in--empty{padding:56px 48px}
.twbm-hero__txt{flex:1 1 460px;min-width:0;display:flex;flex-direction:column;gap:22px}
.twbm-hero__tags{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.twbm-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:#fff;border:1px solid var(--line);font-size:12px;font-weight:500;letter-spacing:.14em;line-height:1.4}
.twbm-live{width:8px;height:8px;border-radius:50%;background:#C83C28;display:inline-block;animation:twbmPulse 1.8s infinite}
.twbm-ring{width:8px;height:8px;border-radius:50%;border:1.5px solid var(--gold2);display:inline-block}
@keyframes twbmPulse{0%{box-shadow:0 0 0 0 rgba(200,60,40,.5)}70%{box-shadow:0 0 0 8px rgba(200,60,40,0)}100%{box-shadow:0 0 0 0 rgba(200,60,40,0)}}
.twbm-no{font-size:12px;letter-spacing:.14em;color:var(--brown)}
.twbm-page .twbm-hero__title{margin:0;font-size:clamp(36px,4.4vw,56px);font-weight:500;line-height:1.05;letter-spacing:-.01em;text-transform:none;color:var(--ink)}
.twbm-hero__title em{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:500;color:var(--gold)}
.twbm-hero__note{max-width:480px;color:var(--muted);font-size:15px}
.twbm-label{font-size:12px;letter-spacing:.14em;color:var(--brown);margin-bottom:10px}
.twbm-cd__boxes{display:flex;flex-wrap:wrap;gap:10px}
.twbm-cd__box{width:84px;padding:12px 0 8px;background:#fff;border:1px solid var(--line);text-align:center}
.twbm-cd__box b{display:block;font-size:32px;font-weight:500;line-height:1.1;font-variant-numeric:tabular-nums}
.twbm-cd__box small{color:var(--soft)}
.twbm-cd__box.is-dark{background:var(--ink);border-color:var(--ink);color:#fff}
.twbm-cd__box.is-dark small{color:#CFC6B5}
.twbm-facts{display:flex;flex-wrap:wrap;border-top:1px solid var(--line2);border-bottom:1px solid var(--line2)}
.twbm-facts > div{flex:1 1 120px;padding:14px 16px}
.twbm-facts > div:first-child{padding-left:0}
.twbm-facts > div + div{border-left:1px solid var(--line2)}
.twbm-facts small{color:var(--brown)}
.twbm-facts b,.twbm-facts a{font-size:15px;font-weight:500}
.twbm-page .twbm-facts a{color:var(--gold)}
.twbm-btns{display:flex;flex-wrap:wrap;gap:12px}
.twbm-page .twbm-b{display:inline-flex;align-items:center;gap:10px;min-height:50px;padding:0 28px;border:1px solid var(--ink);font-size:13px;font-weight:500;letter-spacing:.1em;transition:background-color .15s,color .15s}
.twbm-page .twbm-b:hover{background:var(--ink);color:#fff}
.twbm-page .twbm-b--dark{background:var(--ink);color:#fff}
.twbm-page .twbm-b--dark:hover{background:#333;border-color:#333;color:#fff}

.twbm-page .twbm-feat{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);transition:box-shadow .2s}
.twbm-page .twbm-feat:hover{box-shadow:0 10px 30px rgba(17,17,17,.08);color:var(--ink)}
.twbm-feat__img{display:block;aspect-ratio:1/.86;background:#161616;position:relative;overflow:hidden}
.twbm-feat__tag{position:absolute;top:14px;left:14px;padding:4px 12px;background:#fff;font-size:11px;font-weight:500;letter-spacing:.14em;line-height:1.6}
.twbm-feat__body{padding:20px 22px;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:flex-end}
.twbm-feat__body > span{min-width:0}
.twbm-feat__name{display:block;font-size:20px;font-weight:500;line-height:1.3}
.twbm-feat__body small{font-size:13px;letter-spacing:0;color:var(--soft)}
.twbm-feat__r{text-align:right}
.twbm-feat__r small{font-size:11px;letter-spacing:.12em}
.twbm-feat__r b{font-size:20px;font-weight:600;color:var(--gold)}

.twbm-dial{flex:1 1 380px;min-width:0;display:flex;justify-content:center}
.twbm-dial svg{width:100%;max-width:420px;aspect-ratio:1;border-radius:50%;background:#fff;border:1px solid var(--line2);padding:8%}

/* ---------- bölümler ---------- */
.twbm-sec{padding-top:72px;display:flex;flex-direction:column;gap:28px}
.twbm-sec + .twbm-sec{padding-top:96px}
.twbm-sec--first{padding-top:8px}
.twbm-sec__head{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:flex-end;padding-bottom:20px;border-bottom:1px solid #E8E8E8}
.twbm-page .twbm-sec__head h2{margin:0;font-size:22px;font-weight:500;letter-spacing:.04em;line-height:1.3;text-transform:none}
.twbm-sec__head p{margin-top:4px;font-size:13px;color:var(--muted)}
.twbm-sec__head .twbm-sec__count{margin:0}
.twbm-sec__link{font-size:14px;font-weight:500}
.twbm-back-link{display:inline-block;margin-bottom:20px;font-size:13px;font-weight:500;letter-spacing:.06em}

.twbm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:22px}
.twbm-page .twbm-card{border:1px solid #E3E3E3;background:#fff;display:flex;flex-direction:column;transition:box-shadow .2s}
.twbm-page .twbm-card:hover{box-shadow:0 10px 30px rgba(17,17,17,.08);color:var(--ink)}
.twbm-card__img{display:block;aspect-ratio:1;background:#161616;position:relative;overflow:hidden}
.twbm-card__sold{position:absolute;top:10px;left:10px;padding:3px 10px;background:var(--cream);color:#6B4A16;font-size:11px;font-weight:600;letter-spacing:.12em;line-height:1.6}
.twbm-card__body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:10px;flex-grow:1}
.twbm-card__lot{font-size:12px;letter-spacing:.14em;color:var(--muted)}
.twbm-card__name{font-size:17px;font-weight:500;line-height:1.4}
.twbm-card__est{display:flex;justify-content:space-between;gap:8px;padding:10px 0;border-top:1px solid #EFEFEF;border-bottom:1px solid #EFEFEF;margin-top:auto}
.twbm-card__est > span + span{text-align:right}
.twbm-card__est small{letter-spacing:.08em;color:var(--soft)}
.twbm-card__est b{font-size:13px;font-weight:400}
.twbm-card__est > span + span b{font-weight:600;color:var(--gold)}
.twbm-card__sale{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:10px;border-top:1px solid #EFEFEF;margin-top:auto}
.twbm-card__sale small{letter-spacing:.08em;color:var(--soft)}
.twbm-card__sale b{font-size:14px;font-weight:600;color:var(--gold)}
.twbm-card__go{display:inline-flex;align-items:center;gap:8px;min-height:36px;font-size:14px;font-weight:500}
.twbm-card__name + .twbm-card__go{margin-top:auto}
.twbm-card__go i{font-style:normal;transition:transform .2s}
.twbm-card:hover .twbm-card__go i{transform:translateX(4px)}

.twbm-years{display:flex;gap:6px}
.twbm-years button{min-height:40px;padding:0 18px;font:inherit;font-size:13px;font-weight:500;cursor:pointer;background:#fff;color:var(--ink);border:1px solid #DDD;border-radius:0;letter-spacing:0;text-transform:none}
.twbm-years button.is-on,.twbm-years button:hover{background:var(--ink);color:#fff;border-color:var(--ink)}

.twbm-arch{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px}
.twbm-page .twbm-arch__card{display:flex;flex-direction:column;border:1px solid var(--line);background:var(--cream2);transition:border-color .2s}
.twbm-page .twbm-arch__card:hover{border-color:#C9A46A;color:var(--ink)}
.twbm-arch__card[hidden]{display:none}
.twbm-arch__imgs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}
.twbm-arch__imgs > span{display:block;aspect-ratio:1;background:#161616;overflow:hidden}
.twbm-arch__imgs--one > span{grid-column:1/-1;aspect-ratio:3/1}
.twbm-arch__imgs--one img{width:100%;height:100%;object-fit:cover}
.twbm-arch__imgs > span:nth-child(2){background:#1E1E1E}
.twbm-arch__body{padding:20px 22px;display:flex;gap:20px;align-items:center}
.twbm-arch__no{width:64px;flex-shrink:0;text-align:center;border-right:1px solid var(--line);padding-right:18px}
.twbm-arch__no small{color:var(--brown)}
.twbm-arch__no b{display:block;font-size:28px;font-weight:500;line-height:1.1}
.twbm-arch__txt{min-width:0;display:flex;flex-direction:column;gap:2px}
.twbm-arch__txt b{font-size:17px;font-weight:500}
.twbm-arch__txt small{font-size:13px;letter-spacing:0;color:var(--muted)}
.twbm-arch__txt em{font-style:normal;font-size:13px;font-weight:500;color:var(--gold);padding-top:4px}

@media (max-width:767px){
    .twbm-page{padding-bottom:64px}
    .twbm-hero{padding:6px}
    .twbm-hero__in,.twbm-hero__in--empty{padding:28px 20px;gap:32px}
    .twbm-hero__txt,.twbm-feat,.twbm-dial{flex-basis:100%}
    .twbm-cd__box{width:auto;flex:1 1 0}
    .twbm-cd__box b{font-size:26px}
    .twbm-facts > div{flex:1 1 0;min-width:0;padding:12px 8px}
    .twbm-facts b,.twbm-facts a{font-size:13px}
    .twbm-facts small{font-size:10px;letter-spacing:.08em}
    .twbm-btns .twbm-b{flex:1 1 auto;justify-content:center;padding:0 18px}
    .twbm-sec{padding-top:48px;gap:20px}
    .twbm-sec + .twbm-sec{padding-top:64px}
    .twbm-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
    .twbm-card__body{padding:12px 12px 14px;gap:8px}
    .twbm-card__lot{font-size:11px}
    .twbm-card__name{font-size:14px}
    .twbm-card__est{flex-direction:column;gap:4px}
    .twbm-card__est > span + span{text-align:left}
    .twbm-card__sale{flex-direction:column;align-items:flex-start;gap:2px}
    .twbm-arch{grid-template-columns:1fr}
}

/* Öne çıkan lot yerine lotların toplu görseli */
.twbm-mosaic{flex:1 1 420px;min-width:0;align-self:stretch;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:2px;background:#fff;border:1px solid var(--line);padding:2px;aspect-ratio:1;max-height:620px}
.twbm-mosaic > a,.twbm-mosaic > span{display:block;position:relative;overflow:hidden;background:#161616;aspect-ratio:1}
.twbm-mosaic img{transition:transform .5s,opacity .2s}
.twbm-mosaic > a:hover img{transform:scale(1.04)}
.twbm-mosaic__more{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(17,17,17,.62);color:#fff;font-size:28px;font-weight:500;letter-spacing:.04em}
@media (max-width:767px){ .twbm-mosaic{flex-basis:100%;max-height:none} }