/* Müzayede lot sayfası — Phillips lot sayfası düzeni */
.twbm{
    --twbm-ink:#000;
    --twbm-line:#d9d9d9;
    --twbm-muted:#6f6f6f;
    --twbm-dot:#dcdcdc;
    --twbm-sticky:var(--twbm-header, 24px);
    color:var(--twbm-ink);
    font-size:14px;
    line-height:1.45;
    max-width:1305px;
    margin:0 auto;
    padding:0 60px 96px;
    box-sizing:border-box;
}
.twbm *,.twbm *::before,.twbm *::after{box-sizing:border-box}
.twbm a{color:inherit;text-decoration:none}
.twbm p{margin:0}

/* ---------- üst satır: kırıntı + lot geçişi ---------- */
.twbm-top{
    display:flex;align-items:center;justify-content:space-between;gap:24px;
    max-width:1093px;margin:0 auto;padding:28px 0;min-height:97px;
}
.twbm-back{display:none}
.twbm-crumbs{display:flex;align-items:center;flex-wrap:nowrap;min-width:0;margin:0;padding:0;list-style:none;font-size:14px}
.twbm-crumbs li{display:flex;align-items:center;white-space:nowrap;min-width:0;margin:0}
.twbm-crumbs li svg{margin:0 10px;flex:none}
.twbm-crumbs a:hover{text-decoration:underline}
.twbm-crumbs strong{font-weight:600}
.twbm-crumbs__trunc{overflow:hidden}
.twbm-crumbs__trunc a{overflow:hidden;text-overflow:ellipsis}
.twbm-pager{display:flex;align-items:center;gap:8px;flex:none}
.twbm-pager a,.twbm-pager span{display:flex;width:28px;height:28px;align-items:center;justify-content:center;color:var(--twbm-ink)}
.twbm-pager .is-off{opacity:.25}
.twbm-pager__sel{margin:0;display:block}
.twbm-pager select{
    appearance:none;-webkit-appearance:none;border:0;border-bottom:1px solid var(--twbm-ink);border-radius:0;
    background:transparent;font:inherit;font-size:12px;line-height:22px;height:24px;min-width:37px;padding:0 4px;
    text-align:center;text-align-last:center;cursor:pointer;color:var(--twbm-ink);box-shadow:none;
}

/* ---------- ana ızgara ---------- */
.twbm-grid{
    display:grid;
    grid-template-columns:minmax(0,560px) minmax(300px,398px);
    justify-content:space-between;
    grid-template-areas:"media side" "essay side";
    grid-template-rows:auto 1fr;
    column-gap:clamp(40px,9.4vw,135px);
    max-width:1093px;margin:0 auto;
    align-items:start;
}
.twbm-media{grid-area:media;min-width:0}
.twbm-side{grid-area:side;position:sticky;top:var(--twbm-sticky);align-self:start;padding-bottom:24px}
.twbm-essay{grid-area:essay;min-width:0;margin-top:44px}

/* ---------- görsel karuseli ---------- */
.twbm-car{position:relative}
.twbm-car__track{
    display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;
    scrollbar-width:none;-ms-overflow-style:none;outline:none;
}
.twbm-car__track::-webkit-scrollbar{display:none}
.twbm-car__slide{flex:0 0 100%;scroll-snap-align:center;margin:0;padding:0 1px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}
.twbm-car__slide a{display:flex;width:100%;height:100%;align-items:center;justify-content:center;cursor:zoom-in}
.twbm-car__slide img{width:100%;height:100%;object-fit:contain;display:block}
.twbm-car__nav{
    position:absolute;top:0;margin-top:calc(50% - 20px);/* görselin ortası: kare slayt, margin % genişliğe göre */
    width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.9);color:#000;
    display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;opacity:0;transition:opacity .2s;
}
.twbm-car__nav--prev{left:12px}
.twbm-car__nav--next{right:12px}
.twbm-car:hover .twbm-car__nav{opacity:1}
.twbm-car__nav[disabled]{visibility:hidden}
.twbm-thumbs{display:flex;align-items:center;gap:6px;margin-top:16px}
.twbm-thumbs__nav{flex:0 0 32px;width:32px;height:88px;border:0;padding:0;background:none;color:var(--twbm-ink);display:flex;align-items:center;justify-content:center;cursor:pointer;min-height:0;transition:opacity .15s}
.twbm-thumbs__nav[disabled]{opacity:.2;cursor:default}
.twbm-car__dots{flex:1 1 auto;min-width:0;display:flex;justify-content:safe center;gap:10px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin;scrollbar-color:#d6d6d6 transparent}
.twbm-car__dots button{flex:0 0 88px;width:88px;height:88px;padding:0;border:1px solid #e6e6e6;border-radius:0;background:#fff;cursor:pointer;min-height:0;opacity:.55;overflow:hidden;transition:opacity .15s,border-color .15s}
.twbm-car__dots button:hover{opacity:.85}
.twbm-car__dots button.is-on{opacity:1;border-color:var(--twbm-ink)}
.twbm-car__dots img{width:100%;height:100%;object-fit:cover;display:block}

/* video slaytı: kare içinde ortalanmış 16:9 kapak, basınca aynı kutuda oynatıcı */
.twbm-car__slide--video{position:relative}
.twbm .twbm-vid,.twbm-vid__frame{width:100%;height:auto;aspect-ratio:16/9;border:0;display:block}
.twbm .twbm-vid{position:relative;padding:0;margin:0;background:#000;cursor:pointer;min-height:0;border-radius:0}
.twbm .twbm-vid[hidden]{display:none}
.twbm-car__slide .twbm-vid img{object-fit:cover}
.twbm-vid__play,.twbm-dot-vid::after{
    position:absolute;left:50%;top:50%;width:68px;height:68px;margin:-34px 0 0 -34px;border-radius:50%;background:rgba(0,0,0,.6);transition:background .15s;
}
.twbm-vid__play::before,.twbm-dot-vid::before{
    content:"";position:absolute;left:50%;top:50%;z-index:1;margin:-11px 0 0 -7px;border-style:solid;border-width:11px 0 11px 19px;border-color:transparent transparent transparent #fff;
}
.twbm-vid:hover .twbm-vid__play{background:#000}
.twbm-dot-vid{position:relative;display:block;width:100%;height:100%}
.twbm-dot-vid::after{content:"";width:30px;height:30px;margin:-15px 0 0 -15px}
.twbm-dot-vid::before{margin:-6px 0 0 -4px;border-width:6px 0 6px 10px}

/* ---------- künye ---------- */
.twbm-placard{display:flex;flex-direction:column;padding-bottom:28px}
.twbm-lotno,.twbm-name{font-size:20px;line-height:24px;font-weight:500;letter-spacing:0;margin:0;color:var(--twbm-ink);text-transform:none}
.twbm-name{font-family:inherit}
.twbm-sub{font-size:16px;line-height:21px;font-weight:400;margin-top:4px;color:var(--twbm-ink)}
.twbm-sub p{margin:0;font:inherit}
.twbm-sub p+p{margin-top:6px}
.twbm-sub strong,.twbm-sub b{font-weight:600}
.twbm-intro{margin-top:6px;font-size:14px;line-height:20px}
.twbm-intro p+p{margin-top:8px}

/* ---------- etiket/değer satırları ---------- */
.twbm .twbm-rows{margin:0;padding:0;border:0;background:none}
.twbm .twbm-row{display:flex;gap:16px;justify-content:space-between;padding:6px 0;border:0}
.twbm .twbm-row dt{flex:0 0 160px;width:auto;float:none;text-align:left;font-weight:600;margin:0;padding:0;border:0;color:var(--twbm-ink)}
.twbm .twbm-row dd{flex:1;margin:0;padding:0;border:0;min-width:0;overflow-wrap:anywhere;text-align:left}
.twbm-estimate{border-top:1px solid var(--twbm-line);border-bottom:1px solid var(--twbm-line);padding:6px 0}
.twbm .twbm-rows--est dd{text-align:right}
.twbm-estimate__rte{padding:6px 0}
.twbm-estimate__rte p+p{margin-top:6px}

/* ---------- butonlar ---------- */
.twbm-actions{display:flex;flex-direction:column;gap:12px;padding:28px 0}
.twbm-btn{
    display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;height:44px;padding:0 24px;
    border:1px solid var(--twbm-ink);border-radius:4px;font-size:14px;font-weight:600;line-height:1;letter-spacing:0;
    text-transform:none;transition:background-color .15s,color .15s;cursor:pointer;
}
.twbm .twbm-btn--primary{background:var(--twbm-ink);color:#fff}
.twbm .twbm-btn--primary:hover{background:#333;border-color:#333;color:#fff}
.twbm .twbm-btn--secondary{background:#fff;color:var(--twbm-ink)}
.twbm .twbm-btn--secondary:hover{background:#f2f2f2}
.twbm-btn--auto{width:auto;margin-top:12px}

/* ---------- akordeon ---------- */
.twbm-accs{border-bottom:1px solid var(--twbm-line)}
.twbm-acc{border-top:1px solid var(--twbm-line)}
.twbm-acc summary{
    display:flex;align-items:center;justify-content:space-between;min-height:41px;padding:12px 0;
    list-style:none;cursor:pointer;font-weight:600;font-size:14px;line-height:17px;
}
.twbm-acc summary::-webkit-details-marker{display:none}
.twbm-acc summary::marker{content:""}
.twbm-acc summary i{position:relative;width:24px;height:16px;flex:none}
.twbm-acc summary i::before,.twbm-acc summary i::after{content:"";position:absolute;left:6px;top:7.5px;width:12px;height:1.2px;background:var(--twbm-ink);transition:transform .2s}
.twbm-acc summary i::after{transform:rotate(90deg)}
.twbm-acc[open] summary i::after{transform:rotate(0)}
.twbm-acc__body{padding:0 0 16px}
.twbm-rte{font-size:14px;line-height:20px}
.twbm-rte p,.twbm-rte ul,.twbm-rte ol{margin:0 0 14px}
.twbm-rte > :last-child{margin-bottom:0}
.twbm-rte ul,.twbm-rte ol{padding-left:18px}
.twbm-rte strong,.twbm-rte b{font-weight:600}
.twbm-rte p[style*="text-align: left"]{text-align:left}

/* ---------- marka / tüm lotlar ---------- */
.twbm-maker{margin-top:44px}
.twbm-maker h2{font-size:20px;line-height:24px;font-weight:500;margin:0;text-transform:none;letter-spacing:0}

/* ---------- mobil alt bar ---------- */
.twbm-bar{display:none}

/* ---------- görüntüleyici ---------- */
.twbm-zoom{position:fixed;inset:0;z-index:100000;background:#fff;display:flex;flex-direction:column}
.twbm-zoom__track{flex:1;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.twbm-zoom__track::-webkit-scrollbar{display:none}
.twbm-zoom__track figure{flex:0 0 100%;margin:0;scroll-snap-align:center;display:flex;align-items:center;justify-content:center;padding:56px 16px 24px}
.twbm-zoom__track img{max-width:100%;max-height:100%;object-fit:contain}
.twbm-zoom__close{position:absolute;top:12px;right:12px;width:40px;height:40px;border:0;background:transparent;font-size:28px;line-height:1;cursor:pointer;color:#000;padding:0}

@media (max-width:1024px){
    .twbm{padding:0 32px 80px}
}

/* ---------- mobil: tek kolon ---------- */
@media (max-width:767px){
    .twbm{padding:0 32px 120px}
    .twbm-top{padding:20px 0 24px;min-height:0}
    .twbm-crumbs{display:none}
    .twbm-back{display:flex;width:28px;height:28px;align-items:center;justify-content:flex-start;color:var(--twbm-ink)}
    .twbm-pager{gap:12px}
    .twbm-pager select{min-width:44px;font-size:14px}
    .twbm-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"media" "side" "essay";grid-template-rows:auto}
    .twbm-media{margin:0 auto;width:100%}
    .twbm-car__nav{display:none}
    .twbm-thumbs{margin-top:20px;gap:2px}
    .twbm-thumbs__nav{flex-basis:24px;width:24px;height:68px}
    .twbm-car__dots{gap:8px;justify-content:flex-start}
    .twbm-car__dots button{flex-basis:68px;width:68px;height:68px}
    .twbm-side{position:static;padding:44px 0 0}
    .twbm-placard{padding-bottom:36px}
    .twbm-intro{font-size:16px;line-height:24px}
    .twbm .twbm-row dt{flex-basis:45%}
    .twbm-estimate,.twbm-rows,.twbm-acc__body,.twbm-rte{font-size:16px;line-height:24px}
    .twbm-row{padding:5px 0}
    .twbm-estimate{padding:12px 0}
    .twbm-acc summary{font-size:16px;line-height:20px;min-height:48px}
    .twbm-actions{padding:28px 0}
    .twbm-actions .twbm-bid{display:none}
    .twbm-btn{height:52px;font-size:16px;border-width:1.5px}
    .twbm-essay{margin-top:0}
    .twbm-side .twbm-accs{border-bottom:0}
    .twbm-bar{
        display:block;position:fixed;left:0;right:0;bottom:0;z-index:9990;
        padding:12px 32px calc(12px + env(safe-area-inset-bottom));
        background:#fff;border-top:1px solid #eee;
        transition:transform .6s cubic-bezier(.19,1,.22,1); /* temanın alt menüsüyle aynı hız */
    }
    /* Temanın alt menüsü (Hesabım/Kategoriler/Sepet…, 54px) görünürken çubuk onun üstünde dursun */
    body:has(.sticky-dashboard.active) .twbm-bar{transform:translateY(-54px)}
    /* Sayfa sonu iki çubuğun altında kalmasın */
    body.twbm-lot-page{padding-bottom:140px}
}
@media (max-width:420px){
    .twbm{padding-left:24px;padding-right:24px}
    .twbm-bar{padding-left:24px;padding-right:24px}
}

/* Teknik özellikler: etiketsiz satır tam genişlik */
.twbm .twbm-row--full dd{flex:1 1 100%}

/* ---------- geçmiş müzayede: satıldı ---------- */
.twbm-sold{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:28px 0}
.twbm .twbm-sold__tag{display:inline-block;padding:7px 14px;border:1px solid var(--twbm-ink);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;line-height:1}
.twbm-sold__txt{color:var(--twbm-muted)}
.twbm-sold .twbm-btn{margin-top:6px}
@media (max-width:767px){
    body.twbm-lot-page:not(:has(.twbm-bar)){padding-bottom:70px}
}
.twbm .twbm-when{margin:-2px 0 10px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--twbm-muted)}
.twbm-sold__price{display:flex;flex-direction:column;gap:4px;margin:0}
.twbm-sold__price small{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--twbm-muted)}
.twbm-sold__price b{font-size:24px;font-weight:600;color:var(--twbm-ink)}