.page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6{
  color:rgba(31,41,51,1)
}
.page-content{
  color:rgba(31,41,51,1)
}
.page-content{
 background-color:transparent;
}
/* HEADER - Interpyro clean teal style */

header,
nav,
.bg-background {
    background: #FFFFFF !important;
    border-bottom: 1px solid #E2E8F0 !important;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.06) !important;
}

/* Zoekbalk */
#search-input {
    background: #F8FAFC !important;
    color: #0F172A !important;
    border: 1px solid #DDE7F0 !important;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.08) !important;
}

#search-input::placeholder {
    color: #64748B !important;
}

#search-input:focus {
    border-color: #0EA5A4 !important;
    box-shadow: 0 0 0 3px rgba(20, 184, 166, 0.22) !important;
}

/* Zoek icoon */
#search-input + svg {
    color: #0EA5A4 !important;
}

/* Zoek knop */
body:not(.admin-layout) form button[type="submit"] {
    background: #0EA5A4 !important;
    color: #FFFFFF !important;
    border: 1px solid #0EA5A4 !important;
    box-shadow: 0 4px 12px rgba(14, 165, 164, 0.28) !important;
}

body:not(.admin-layout) form button[type="submit"]:hover {
    background: #0B8E8D !important;
    border-color: #0B8E8D !important;
}

/* Taal dropdown */
#desktop-language-select {
    background: #F8FAFC !important;
    color: #0F172A !important;
    border: 1px solid #DDE7F0 !important;
}

/* Favorieten hartje */
button[title="Favorieten"] {
    color: #0F172A !important;
}

button[title="Favorieten"]:hover {
    color: #0EA5A4 !important;
    background: rgba(14, 165, 164, 0.10) !important;
}

/* User menu knop */
#user-menu-button {
    background: rgba(14, 165, 164, 0.14) !important;
    border: 1px solid rgba(14, 165, 164, 0.28) !important;
    color: #0F172A !important;
}

#user-menu-button:hover {
    background: rgba(14, 165, 164, 0.22) !important;
}

/* Avatar cirkel */
#user-menu-button .rounded-full {
    background: #BFEDEA !important;
    color: #0B8E8D !important;
}

/* Dropdown menu */
#user-menu {
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.14) !important;
}

/* Dropdown links */
#user-menu a {
    color: #0F172A !important;
}

#user-menu a:hover {
    background: #F1F5F9 !important;
    color: #0EA5A4 !important;
}

/* Mobiel menu knop */
#mobile-menu-button {
    color: #0F172A !important;
}

#mobile-menu-button:hover {
    background: rgba(14, 165, 164, 0.10) !important;
    color: #0EA5A4 !important;
}
/* ===== INTERPYRO FINAL TOUCH ===== */

body {
    background:
        radial-gradient(circle at top center, rgba(14,165,164,0.06), transparent 32%),
        #F6F7F4 !important;
}

/* Header */
header,
nav {
    background: rgba(255,255,255,0.94) !important;
    backdrop-filter: blur(14px) !important;
    border-bottom: 1px solid #E2E8F0 !important;
    box-shadow: 0 6px 24px rgba(15,23,42,0.07) !important;
}

/* Header logo iets rustiger */
.site-logo__img {
    object-fit: contain !important;
}

/* Zoekbalk */
#search-input {
    background: #F8FAFC !important;
    border: 1px solid #DDE7F0 !important;
    color: #0F172A !important;
    box-shadow: 0 4px 14px rgba(15,23,42,0.08) !important;
}

#search-input:focus {
    border-color: #0EA5A4 !important;
    box-shadow: 0 0 0 4px rgba(14,165,164,0.18) !important;
}

/* Filter box */
#lots form.mb-6 {
    background: rgba(255,255,255,0.72) !important;
    border: 1px solid #E2E8F0 !important;
    box-shadow: 0 10px 30px rgba(15,23,42,0.06) !important;
    backdrop-filter: blur(10px) !important;
}

/* Selects */
select {
    background-color: #FFFFFF !important;
    border-color: #DDE7F0 !important;
    color: #0F172A !important;
}

select:focus {
    border-color: #0EA5A4 !important;
    box-shadow: 0 0 0 3px rgba(14,165,164,0.18) !important;
}

/* Titels */
#lots h1,
#lots h2 {
    color: #0F172A !important;
    letter-spacing: -0.03em;
}

#lots h1 {
    font-weight: 800 !important;
}

#lots p,
.text-muted-foreground {
    color: #64748B !important;
}

/* Category pills */
#lots a.rounded-full {
    border-color: #DDE7F0 !important;
}

#lots a.bg-primary,
#lots button.bg-primary,
#lots .countdown-progress,
#lots a[href*="/auctions/all"] {
    background: #0EA5A4 !important;
    color: #FFFFFF !important;
    border-color: #0EA5A4 !important;
}

#lots a.bg-primary:hover,
#lots button.bg-primary:hover,
#lots a[href*="/auctions/all"]:hover {
    background: #0B8E8D !important;
    border-color: #0B8E8D !important;
    box-shadow: 0 10px 24px rgba(14,165,164,0.26) !important;
}

#lots a.bg-muted:hover {
    background: rgba(14,165,164,0.09) !important;
    color: #0B8E8D !important;
    border-color: rgba(14,165,164,0.35) !important;
}

/* Auction cards */
#lots .lot-grid > a,
#lots a.bg-card {
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    box-shadow: 0 8px 24px rgba(15,23,42,0.08) !important;
}

#lots .lot-grid > a:hover,
#lots a.bg-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 18px 44px rgba(15,23,42,0.14) !important;
    border-color: rgba(14,165,164,0.35) !important;
}

/* Card image */
.lot-card__image {
    background: #F1F5F9 !important;
}

/* Card titles */
#lots h3 {
    color: #0F172A !important;
}

#lots a:hover h3 {
    color: #0EA5A4 !important;
}

/* Bid price */
#lots .text-primary,
#lots a.text-primary {
    color: #0EA5A4 !important;
}

/* Progress background */
#lots .bg-muted {
    background-color: #F1F5F9 !important;
}

/* Meer knop */
#lots a[href*="/auctions/all"] {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
    box-shadow: 0 10px 24px rgba(14,165,164,0.24) !important;
}

/* Footer polish */
footer {
    background: #FFFFFF !important;
    border-top: 1px solid #E2E8F0 !important;
}

footer h3,
footer h4,
footer .text-primary {
    color: #0EA5A4 !important;
}

/* Admin rode balk onderaan minder schreeuwerig */
.fixed.bottom-0,
[class*="bottom-0"] {
    background: #0F172A !important;
    color: #FFFFFF !important;
}
/* ===== LOT DETAIL FINAL TOUCH ===== */

.bg-card {
    background: #FFFFFF !important;
    border-color: #E2E8F0 !important;
    box-shadow: 0 10px 30px rgba(15,23,42,0.08) !important;
}

.lot-zoom-container {
    background: #F1F5F9 !important;
    border-radius: 18px !important;
}

.lot-zoom-container img {
    border-radius: 18px !important;
}

nav[aria-label="Breadcrumb"] {
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 12px !important;
    padding: 10px 14px !important;
}

#current-bid-display {
    color: #0F172A !important;
    letter-spacing: -0.04em !important;
}

#current-bid-display + div,
.text-muted-foreground {
    color: #64748B !important;
}

[data-end-date] {
    background: #F8FAFC !important;
    border: 1px solid #DDE7F0 !important;
    border-radius: 18px !important;
}

.dark [data-end-date] {
    background: transparent !important;
    border-color: #334155 !important;
}

[data-end-date] .text-zinc-400,
[data-end-date] .text-zinc-500,
[data-end-date] .text-zinc-300 {
    color: #64748B !important;
}

.dark [data-end-date] .text-zinc-400,
.dark [data-end-date] .text-zinc-500,
.dark [data-end-date] .text-zinc-300 {
    color: #94a3b8 !important;
}

[data-end-date] .bg-zinc-900 {
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    box-shadow: 0 4px 12px rgba(15,23,42,0.06) !important;
}

.dark [data-end-date] .bg-zinc-900 {
    background: #1e293b !important;
    border-color: #334155 !important;
    box-shadow: none !important;
}

[data-end-date] .countdown-days,
[data-end-date] .countdown-hours,
[data-end-date] .countdown-minutes,
[data-end-date] .countdown-seconds {
    color: #0F172A !important;
}

.dark [data-end-date] .countdown-days,
.dark [data-end-date] .countdown-hours,
.dark [data-end-date] .countdown-minutes,
.dark [data-end-date] .countdown-seconds {
    color: #f1f5f9 !important;
}

[data-end-date] .bg-zinc-800 {
    background: #EAF3F3 !important;
}

.dark [data-end-date] .bg-zinc-800 {
    background: #1e293b !important;
}

#countdown-progress {
    background: linear-gradient(90deg, #14B8A6, #0EA5A4) !important;
}

form[action*="/bids"] .rounded-full {
    background: #F8FAFC !important;
    border: 1px solid #DDE7F0 !important;
    box-shadow: inset 0 1px 2px rgba(15,23,42,0.04) !important;
}

#lot-bid-input {
    color: #0F172A !important;
}

#lot-bid-input:focus {
    outline: none !important;
    box-shadow: none !important;
}

form[action*="/bids"] button[type="submit"] {
    background: #0EA5A4 !important;
    color: #FFFFFF !important;
}

form[action*="/bids"] button[type="submit"]:hover {
    background: #0B8E8D !important;
}

#bid-total-line {
    background: #F8FAFC !important;
    border-color: #E2E8F0 !important;
    color: #0F172A !important;
}

.product-content {
    color: #0F172A !important;
}

.product-content h2,
.product-content strong[style*="e53935"] {
    color: #DC2626 !important;
}

.product-content strong[style*="f9a825"] {
    color: #EAB308 !important;
}

.bg-card.border {
    border-radius: 18px !important;
}

button:hover {
    color: #0EA5A4 !important;
}

.border-primary\/40 {
    border-color: rgba(14,165,164,0.35) !important;
}

.text-primary {
    color: #0EA5A4 !important;
}
.site-logo__img {
    transform: translateY(5px);
}

@media (max-width: 768px) {

    form[action*="/lots/"][action*="/bids"] {
        display: block;
    }

    form[action*="/lots/"][action*="/bids"]
        ~ * [data-end-date],
    [data-end-date]:has(+ .pt-2 form[action*="/lots/"][action*="/bids"]) {
        background: #F8FAFC !important;
        border: 1px solid #DDE7F0 !important;
        border-radius: 16px !important;
        padding: 14px !important;
    }

    [data-end-date] > div:first-child {
        display: block !important;
    }

    [data-end-date] > div:first-child > span {
        display: block !important;
        margin-bottom: 10px !important;
        color: #64748B !important;
    }

    [data-end-date] .grid {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 6px !important;
        width: 100% !important;
    }

    [data-end-date] .bg-zinc-900 {
        background: #FFFFFF !important;
        border: 1px solid #E2E8F0 !important;
        border-radius: 12px !important;
        padding: 8px 4px !important;
        min-width: 0 !important;
    }

    [data-end-date] .countdown-days,
    [data-end-date] .countdown-hours,
    [data-end-date] .countdown-minutes,
    [data-end-date] .countdown-seconds {
        color: #0F172A !important;
        font-size: 16px !important;
        line-height: 1.1 !important;
        font-weight: 800 !important;
    }

    [data-end-date] .text-\[10px\] {
        color: #64748B !important;
        font-size: 9px !important;
        line-height: 1.1 !important;
        white-space: nowrap !important;
    }

    [data-end-date] .bg-zinc-800 {
        background: #EAF3F3 !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    #countdown-progress {
        display: block !important;
        height: 100% !important;
        max-width: 100% !important;
        min-width: 3px !important;
        background: linear-gradient(90deg, #14B8A6, #0EA5A4) !important;
        transition: width 1s ease-in-out !important;
    }

    form[action*="/lots/"][action*="/bids"] .rounded-full {
        border-radius: 18px !important;
        overflow: hidden !important;
        background: #F8FAFC !important;
        border: 1px solid #DDE7F0 !important;
    }

    form[action*="/lots/"][action*="/bids"] button[type="submit"] {
        border-radius: 0 0 18px 18px !important;
        padding: 12px 16px !important;
        background: #0EA5A4 !important;
        color: #FFFFFF !important;
    }

    form[action*="/lots/"][action*="/bids"] button[type="submit"]:hover {
        background: #0B8E8D !important;
    }

    #lot-bid-input {
        min-height: 46px !important;
    }
}
#highest-bidder-banner {
    margin-top: 12px !important;
    margin-bottom: 16px !important;
}


.lot-zoom-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

*:has(> img.lot-zoom-img) {
    aspect-ratio: 4 / 3 !important;
    height: auto !important;
    max-height: none !important;
    overflow: hidden !important;
}

img.lot-zoom-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
}
img.h-12.max-w-\[200px\].object-contain {
    display: none !important;
}
*:has(> svg.lucide-search),
*:has(> svg.lucide-zoom-in),
*:has(> svg.lucide-plus) {
    display: none !important;
}
body:not(.admin-layout) .bg-card:has(h2) {
    margin-top: 20px !important;
}

.grid {
    display: grid !important;
    align-items: stretch !important;
}
 #acs-modal-panel{
   max-width:500px;
  }

.grid > div:first-child {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

.grid > div:first-child > div:first-child {
    flex: 1 !important;
    height: 100% !important;
}
div:has(> .product-content) {
    grid-column: 1 / -1 !important;
    width: 100% !important;
}

body:not(.admin-layout) .bg-card.border.border-border.rounded-xl.p-4.space-y-3 {
    margin-top: 20px !important;
    padding: 24px !important;
    border-radius: 24px !important;
}

body:not(.admin-layout) .bg-card.border.border-border.rounded-xl.p-4.space-y-3 h2 {
    margin-bottom: 20px !important;
    font-size: 28px !important;
    font-weight: 700 !important;
}

body:not(.admin-layout) .bg-card.border.border-border.rounded-xl.p-4.space-y-3 img.w-16 {
    width: 90px !important;
    height: 90px !important;
    border-radius: 18px !important;
}

body:not(.admin-layout) .bg-card.border.border-border.rounded-xl.p-4.space-y-3 .font-medium {
    font-size: 22px !important;
    font-weight: 700 !important;
    margin-bottom: 10px !important;
}

body:not(.admin-layout) .bg-card.border.border-border.rounded-xl.p-4.space-y-3 a {
    font-size: 16px !important;
}
nav.flex.items-center.space-x-2.text-xs.sm\:text-sm.text-muted-foreground {
    display: none !important;
}
.bg-card.rounded-2xl.shadow-lg.border.border-border.p-4.relative {
    margin-top: -2px !important;
}

a:has(.lot-card__image) {
    border-radius: 22px !important;
    overflow: hidden !important;
    border: 1px solid rgba(15, 23, 42, 0.08) !important;
    box-shadow: 0 12px 35px rgba(15, 23, 42, 0.08) !important;
    background: var(--card, #fff) !important;
}

@media (max-width: 768px) {
    a:has(.lot-card__image) {
        border-radius: 16px !important;
    }
}

.lot-card__image {
    border-radius: 0 0 18px 18px !important;
}

a:has(.lot-card__image) .p-5 {
    padding: 18px !important;
}

a:has(.lot-card__image) h3 {
    min-height: auto !important;
    margin-bottom: 16px !important;
    font-size: 17px !important;
    line-height: 1.35 !important;
}

.lot-card__bid {
    background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%) !important;
    border: 1px solid #e5edf3 !important;
    border-radius: 18px !important;
    padding: 14px !important;
}

.lot-card__bid .text-primary.font-extrabold {
    font-size: 26px !important;
    line-height: 1 !important;
}

.lot-card__bid .text-xs.text-muted-foreground {
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: .04em !important;
    font-weight: 700 !important;
}

.lot-card__bid .text-sm.font-semibold {
    font-size: 13px !important;
}

.lot-card__bid [data-end-date] {
    margin-top: 14px !important;
    background: #eefdfb !important;
    border: 1px solid rgba(20, 184, 166, .22) !important;
    border-radius: 14px !important;
    padding: 10px 12px !important;
}

.lot-card__bid [data-end-date] .flex.items-center {
    color: #0f766e !important;
    font-weight: 800 !important;
}

.lot-card__bid [data-end-date] .w-full.h-1\.5 {
    height: 7px !important;
    background: rgba(20, 184, 166, .14) !important;
    border-radius: 999px !important;
}

.lot-card__bid .countdown-progress {
    background: linear-gradient(90deg, #14b8a6, #0d9488) !important;
    box-shadow: 0 0 10px rgba(20,184,166,.35) !important;
}

.lot-card__image .absolute.top-3.right-3 span {
    border-radius: 999px !important;
    padding: 6px 10px !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.18) !important;
}

.lot-card__image .absolute.bottom-3.left-3 > div {
    border-radius: 14px !important;
    padding: 7px 9px !important;
}

a:has(.lot-card__image) h3 {
    font-size: 18px !important;
    line-height: 1.25 !important;
    margin-bottom: 14px !important;
    min-height: auto !important;
}

.lot-card__bid {
    padding: 14px !important;
    border-radius: 16px !important;
}

.lot-card__bid > .flex {
    align-items: flex-start !important;
}

.lot-card__bid .text-primary.font-extrabold {
    font-size: 28px !important;
    line-height: 1.1 !important;
}

.lot-card__bid .text-sm.font-semibold {
    font-size: 13px !important;
    line-height: 1.25 !important;
}

.lot-card__bid [data-end-date] {
    margin-top: 12px !important;
    padding: 10px !important;
    border-radius: 14px !important;
    background: #ecfdf5 !important;
    border: 1px solid #bdeee2 !important;
}

.lot-card__bid [data-end-date] .flex.items-center {
    justify-content: flex-start !important;
}

.lot-card__bid [data-end-date] span {
    font-size: 13px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
}

.countdown-days-wrap,
.countdown-hours,
.countdown-minutes,
.countdown-seconds {
    display: inline !important;
    min-width: 0 !important;
    height: auto !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    font-size: 13px !important;
}

.lot-card__bid [data-end-date] .w-full.h-1\.5 {
    margin-top: 8px !important;
    height: 7px !important;
    background: rgba(15,23,42,.08) !important;
    border-radius: 999px !important;
}

.countdown-progress {
    background: #14b8a6 !important;
    border-radius: 999px !important;
}

[data-end-date]{
    margin-top:14px !important;
    padding:14px !important;
    border-radius:18px !important;
    background:linear-gradient(180deg,#f0fdfa 0%,#ecfeff 100%) !important;
    border:1px solid #bceee7 !important;
}

[data-end-date] .flex.items-center.gap-1{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
}

[data-end-date] svg{
    width:16px !important;
    height:16px !important;
    color:#0f766e !important;
}

[data-end-date] span{
    font-weight:700 !important;
}

.countdown-days-wrap{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:54px !important;
    height:42px !important;
    padding:0 12px !important;
    border-radius:12px !important;
    background:#ffffff !important;
    border:1px solid #d7ece8 !important;
    font-size:18px !important;
    font-weight:800 !important;
    color:#0f172a !important;
    box-shadow:0 2px 6px rgba(0,0,0,.04) !important;
}

.countdown-hours,
.countdown-minutes,
.countdown-seconds{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:42px !important;
    height:42px !important;
    margin-left:6px !important;
    border-radius:12px !important;
    background:#ffffff !important;
    border:1px solid #d7ece8 !important;
    font-size:18px !important;
    font-weight:800 !important;
    color:#0f172a !important;
    box-shadow:0 2px 6px rgba(0,0,0,.04) !important;
}

.countdown-hours::after,
.countdown-minutes::after{
    content:":" !important;
    margin-left:10px !important;
    color:#64748b !important;
    font-weight:700 !important;
}

[data-end-date] .w-full.h-1\.5{
    margin-top:14px !important;
    height:8px !important;
    background:#dff5f1 !important;
    border-radius:999px !important;
    overflow:hidden !important;
}

.countdown-progress{
    background:linear-gradient(90deg,#14b8a6,#0f766e) !important;
    border-radius:999px !important;
}

.countdown-days-wrap,
.countdown-hours,
.countdown-minutes,
.countdown-seconds {
    position: relative !important;
    width: 46px !important;
    height: 48px !important;
    padding-top: 7px !important;
    padding-bottom: 15px !important;
    font-size: 16px !important;
    line-height: 1 !important;
}

.countdown-days-wrap {
    font-size: 0 !important;
}

.countdown-days {
    font-size: 16px !important;
}

.countdown-days-wrap::after {
    content: "DAGEN" !important;
}

.countdown-hours::after {
    content: "UREN" !important;
}

.countdown-minutes::after {
    content: "MIN" !important;
}

.countdown-seconds::after {
    content: "SEC" !important;
}

.countdown-days-wrap::after,
.countdown-hours::after,
.countdown-minutes::after,
.countdown-seconds::after {
    position: absolute !important;
    left: 50% !important;
    bottom: 6px !important;
    transform: translateX(-50%) !important;
    font-size: 8px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: .04em !important;
    color: #64748b !important;
}

.countdown-hours::before,
.countdown-minutes::before {
    content: "" !important;
}

[data-end-date] .flex.items-center.gap-1 > span {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}
.countdown-days-wrap{
    color: transparent !important;
}

.countdown-days-wrap .countdown-days{
    color:#0f172a !important;
}

[data-end-date] .flex.items-center.gap-1 > span{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
}

.countdown-days-wrap,
.countdown-hours,
.countdown-minutes,
.countdown-seconds{
    width:58px !important;
    height:58px !important;
    min-width:58px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-direction:column !important;

    border-radius:14px !important;
    background:#fff !important;
    border:1px solid #dbeafe !important;

    font-size:16px !important;
    font-weight:800 !important;
    line-height:1 !important;

    position:relative !important;
    padding:0 !important;
    margin:0 !important;
}

.countdown-days-wrap{
    color:transparent !important;
}

.countdown-days-wrap .countdown-days{
    color:#0f172a !important;
}

[data-end-date] .flex.items-center.gap-1 > span{
    display:flex !important;
    align-items:center !important;
    gap:6px !important;
}

.countdown-days-wrap,
.countdown-hours,
.countdown-minutes,
.countdown-seconds{
    width:48px !important;
    min-width:48px !important;
    height:48px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-direction:column !important;

    border-radius:12px !important;
    background:#fff !important;
    border:1px solid #dbeafe !important;

    padding:0 !important;
    margin:0 !important;
}

.countdown-days,
.countdown-hours,
.countdown-minutes,
.countdown-seconds{
    font-size:13px !important;
    font-weight:800 !important;
    line-height:1 !important;
}

.countdown-days-wrap::after,
.countdown-hours::after,
.countdown-minutes::after,
.countdown-seconds::after{
    font-size:7px !important;
    margin-top:4px !important;
}

.countdown-days-wrap{
    color:transparent !important;
}

.countdown-days-wrap .countdown-days{
    color:#0f172a !important;
}

.countdown-hours::before,
.countdown-minutes::before,
.countdown-seconds::before{
    font-size:14px !important;
    left:-6px !important;
}

.countdown-days-wrap,
.countdown-hours,
.countdown-minutes,
.countdown-seconds{
    text-align:center !important;
    justify-content:center !important;
    align-items:center !important;
}

.countdown-days-wrap::after,
.countdown-hours::after,
.countdown-minutes::after,
.countdown-seconds::after{
    width:100% !important;
    text-align:center !important;
    display:block !important;
    margin-left:0 !important;
    margin-right:0 !important;
}

.countdown-days{
    position:relative !important;
    top:6px !important;
}

.countdown-days-wrap{
    transform:none !important;
    margin:0 !important;
    font-size:0 !important;
}
.countdown-days-wrap,
.countdown-hours,
.countdown-minutes,
.countdown-seconds{
    height:44px !important;
    min-height:44px !important;

    padding:0 !important;
}
h3.text-base.font-bold.text-foreground.mb-2.group-hover\:text-primary.transition-colors.line-clamp-4.min-h-\[5\.5rem\].leading-snug{
    text-align:center !important;
}
.countdown-days,
.countdown-hours,
.countdown-minutes,
.countdown-seconds {
    position: relative !important;
    top: -3px !important;
}

.countdown-days-wrap::after,
.countdown-hours::after,
.countdown-minutes::after,
.countdown-seconds::after {
    position: relative !important;
    top: -3px !important;
}

.countdown-days{
    position:relative !important;
    top:6px !important;
}

.countdown-days-wrap::after{
    position:relative !important;
    top:6px !important;
}

.countdown-days{
    position:relative !important;
    top:4px !important;
}

.countdown-days-wrap::after{
    position:relative !important;
    top:2px !important;
}
.countdown-days-wrap::after{
    position:relative !important;
    top:-12px !important;
}

@media (max-width: 768px){

    header,
    .site-header,
    .navbar{
        padding-top: 4px !important;
        padding-bottom: 4px !important;
        min-height: 72px !important;
    }

    .site-header img,
    .navbar img,
    .logo img{
        transform: translateY(-8px) !important;
    }

    .site-header .container,
    .navbar .container{
        align-items: flex-start !important;
    }
}

.border.border-zinc-800.rounded-xl.p-4.space-y-3[data-end-date] {
    background: #f8fafc !important;
    border: 1px solid #dde7f0 !important;
    border-radius: 18px !important;
    padding: 16px !important;
}

.border.border-zinc-800.rounded-xl.p-4.space-y-3[data-end-date] > div:first-child {
    display: flex !important;
    align-items: center !important;
    gap: .75rem !important;
}

.border.border-zinc-800.rounded-xl.p-4.space-y-3[data-end-date] > div:first-child > span {
    white-space: nowrap !important;
    margin: 0 !important;
}

.border.border-zinc-800.rounded-xl.p-4.space-y-3[data-end-date] .flex-1.grid.grid-cols-4.gap-2 {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: .5rem !important;
}

.border.border-zinc-800.rounded-xl.p-4.space-y-3[data-end-date] .flex-1.grid.grid-cols-4.gap-2 > div {
    padding: .5rem 0 !important;
    border-radius: .5rem !important;
    background: #fff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 12px rgba(15,23,42,.06) !important;
}

.dark .border.border-zinc-800.rounded-xl.p-4.space-y-3[data-end-date] .flex-1.grid.grid-cols-4.gap-2 > div {
    background: #1e293b !important;
    border-color: #334155 !important;
    box-shadow: none !important;
}

.border.border-zinc-800.rounded-xl.p-4.space-y-3[data-end-date] .countdown-days,
.border.border-zinc-800.rounded-xl.p-4.space-y-3[data-end-date] .countdown-hours,
.border.border-zinc-800.rounded-xl.p-4.space-y-3[data-end-date] .countdown-minutes,
.border.border-zinc-800.rounded-xl.p-4.space-y-3[data-end-date] .countdown-seconds {
    position: static !important;
    top: auto !important;
    transform: none !important;

    display: block !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;

    padding: 0 !important;
    margin: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    color: #0f172a !important;
    font-size: 1.25rem !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
}

.dark .border.border-zinc-800.rounded-xl.p-4.space-y-3[data-end-date] .countdown-days,
.dark .border.border-zinc-800.rounded-xl.p-4.space-y-3[data-end-date] .countdown-hours,
.dark .border.border-zinc-800.rounded-xl.p-4.space-y-3[data-end-date] .countdown-minutes,
.dark .border.border-zinc-800.rounded-xl.p-4.space-y-3[data-end-date] .countdown-seconds {
    color: #f1f5f9 !important;
}

.dark .border.border-zinc-800.rounded-xl.p-4.space-y-3[data-end-date] .text-\[10px\] {
    color: #94a3b8 !important;
}

.border.border-zinc-800.rounded-xl.p-4.space-y-3[data-end-date] .countdown-days::after,
.border.border-zinc-800.rounded-xl.p-4.space-y-3[data-end-date] .countdown-hours::after,
.border.border-zinc-800.rounded-xl.p-4.space-y-3[data-end-date] .countdown-minutes::after,
.border.border-zinc-800.rounded-xl.p-4.space-y-3[data-end-date] .countdown-seconds::after,
.border.border-zinc-800.rounded-xl.p-4.space-y-3[data-end-date] .countdown-days-wrap::after {
    content: none !important;
    display: none !important;
}

.border.border-zinc-800.rounded-xl.p-4.space-y-3[data-end-date] .text-\[10px\] {
    display: block !important;
    margin-top: 2px !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
    text-align: center !important;
    color: #64748b !important;
}

/* ── Lot-show countdown (clean, conflict-free) ─────────────────────────── */
.lot-show-countdown {
    background: #f8fafc;
    border: 1px solid #dde7f0;
}
.lot-show-countdown__box {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    padding: 0.5rem 0;
    text-align: center;
}
.lot-show-countdown__num {
    font-size: 1.25rem;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.2;
    display: block;
}
.lot-show-countdown__unit {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #64748b;
    margin-top: 2px;
    display: block;
}
.lot-show-countdown__label {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #64748b;
    white-space: nowrap;
}
.lot-show-countdown__end {
    font-size: 0.75rem;
    color: #64748b;
}

.dark .lot-show-countdown {
    background: transparent;
    border-color: #334155;
}
.dark .lot-show-countdown__box {
    background: #1e293b;
    border-color: #334155;
}
.dark .lot-show-countdown__num {
    color: #f1f5f9;
}
.dark .lot-show-countdown__unit {
    color: #94a3b8;
}
.dark .lot-show-countdown__label {
    color: #94a3b8;
}
.dark .lot-show-countdown__end {
    color: #94a3b8;
}

#current-bid-display {
    display: block !important;
}

#current-bid-display.closest-fallback,
#current-bid-display {
    min-height: 0 !important;
}

.bg-card.rounded-2xl.shadow-xl.border.border-border.p-5,
.bg-card.rounded-2xl.shadow-xl.border.border-border.md\:p-6,
.bg-card.rounded-2xl.shadow-xl.border.border-border.lg\:p-8 {
    min-height: 620px !important;
}

.bg-card.rounded-2xl.shadow-xl.border.border-border.p-5.md\:p-6.lg\:p-8.space-y-5.md\:space-y-6 {
    display: flex !important;
    flex-direction: column !important;
}

.bg-card.rounded-2xl.shadow-xl.border.border-border.p-5.md\:p-6.lg\:p-8.space-y-5.md\:space-y-6 > .mt-6.pt-4.border-t.border-border:first-of-type {
    margin-top: auto !important;
}

.bg-card.rounded-2xl.shadow-xl.border.border-border.p-5.md\:p-6.lg\:p-8.space-y-5.md\:space-y-6 > .pt-2 {
    min-height: 145px !important;
}

.bg-card.rounded-2xl.shadow-xl.border.border-border.p-5.md\:p-6.lg\:p-8.space-y-5.md\:space-y-6 > .pt-2 > * {
    width: 100% !important;
}

@media (max-width: 768px) {
    .bg-card.rounded-2xl.shadow-xl.border.border-border.p-5.md\:p-6.lg\:p-8.space-y-5.md\:space-y-6 {
        min-height: auto !important;
    }

    .bg-card.rounded-2xl.shadow-xl.border.border-border.p-5.md\:p-6.lg\:p-8.space-y-5.md\:space-y-6 > .pt-2 {
        min-height: 120px !important;
    }
}

.bg-card.rounded-2xl.shadow-xl.border.border-border.p-5.md\:p-6.lg\:p-8.space-y-5.md\:space-y-6:has(a[href*="/login"]) {
    padding-bottom: 54px !important;
    min-height: 680px !important;
}

div:has(> .product-content){
    padding: 42px 48px !important;
}

div:has(> .product-content) h2,
div:has(> .product-content) h3{
    margin-bottom: 28px !important;
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
}

.product-content{
    max-width: 980px !important;
    margin: 0 auto !important;

    font-size: 20px !important;
    line-height: 1.9 !important;
    color:#1f2937 !important;
}

.product-content p{
    margin-bottom: 28px !important;
}

.product-content strong{
    font-weight: 700 !important;
}

.product-content .rounded-full,
.product-content .pill,
.product-content blockquote{
    margin-top: 38px !important;
    margin-bottom: 24px !important;

    display:inline-flex !important;
    align-items:center !important;

    padding: 18px 26px !important;
    border-radius: 999px !important;
}

.product-content small,
.product-content em{
    display:block !important;
    margin-top: 14px !important;

    font-size: 15px !important;
    line-height: 1.7 !important;
    opacity:.8;
}

@media (max-width:768px){

    div:has(> .product-content){
        padding: 28px 22px !important;
    }

    .product-content{
        font-size:17px !important;
        line-height:1.75 !important;
    }

    .product-content .rounded-full,
    .product-content .pill,
    .product-content blockquote{
        width:100% !important;
        justify-content:center !important;

        border-radius:18px !important;
        text-align:center !important;
    }
}

div:has(> .product-content){
    padding: 34px 40px !important;
}

div:has(> .product-content) h2{
    margin-bottom: 26px !important;
}

.product-content{
    max-width: 720px !important;
    margin-left: 0 !important;
    margin-right: auto !important;

    font-size: 18px !important;
    line-height: 1.75 !important;
}

.product-content .product-text{
    max-width: 720px !important;
    font-size: 18px !important;
    line-height: 1.75 !important;
}

.product-content p{
    margin-bottom: 20px !important;
}

.product-highlight{
    margin-top: 14px !important;
    margin-bottom: 8px !important;
    padding: 12px 20px !important;
    font-size: 16px !important;
}

.product-note{
    margin-top: 8px !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}

@media (max-width:768px){
    div:has(> .product-content){
        padding: 24px 20px !important;
    }

    .product-content,
    .product-content .product-text{
        max-width: 100% !important;
        font-size: 16px !important;
        line-height: 1.65 !important;
    }

    .product-highlight{
        width: 100% !important;
        text-align: center !important;
        border-radius: 16px !important;
        font-size: 14px !important;
    }
}

div:has(> .product-content){
    padding: 30px 38px !important;
}

div:has(> .product-content) h2{
    margin-bottom: 22px !important;
}

.product-content,
.product-content .product-text{
    max-width: 850px !important;
    font-size: 17px !important;
    line-height: 1.7 !important;
}

.product-content p{
    margin-bottom: 18px !important;
}

.product-highlight{
    margin-top: 10px !important;
    margin-bottom: 12px !important;
    padding: 10px 18px !important;
    font-size: 15px !important;
}

.product-note{
    font-size: 13px !important;
    line-height: 1.45 !important;
    color: #64748b !important;
}
.lot-card h3 {
    line-height: 1.4;
    height: 2.8em;
    overflow: hidden;
}

@media (max-width: 768px) {

    .border.border-zinc-800.rounded-xl.p-4.space-y-3[data-end-date] {
        padding: 14px !important;
        overflow: hidden !important;
    }

    .border.border-zinc-800.rounded-xl.p-4.space-y-3[data-end-date] > div:first-child {
        display: block !important;
    }

    .border.border-zinc-800.rounded-xl.p-4.space-y-3[data-end-date] > div:first-child > span {
        display: block !important;
        margin-bottom: 10px !important;
        white-space: normal !important;
    }

    .border.border-zinc-800.rounded-xl.p-4.space-y-3[data-end-date] .flex-1.grid.grid-cols-4.gap-2 {
        display: grid !important;
        width: 100% !important;
        max-width: 100% !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 6px !important;
    }

    .border.border-zinc-800.rounded-xl.p-4.space-y-3[data-end-date] .flex-1.grid.grid-cols-4.gap-2 > div {
        min-width: 0 !important;
        padding: 9px 4px !important;
        border-radius: 10px !important;
        box-sizing: border-box !important;
    }

    .border.border-zinc-800.rounded-xl.p-4.space-y-3[data-end-date] .countdown-days,
    .border.border-zinc-800.rounded-xl.p-4.space-y-3[data-end-date] .countdown-hours,
    .border.border-zinc-800.rounded-xl.p-4.space-y-3[data-end-date] .countdown-minutes,
    .border.border-zinc-800.rounded-xl.p-4.space-y-3[data-end-date] .countdown-seconds {
        position: static !important;
        top: auto !important;
        width: auto !important;
        height: auto !important;
        min-width: 0 !important;
        display: block !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        font-size: 18px !important;
        line-height: 1.1 !important;
        padding: 0 !important;
        margin: 0 !important;
        color: #0f172a !important;
    }

    .dark .border.border-zinc-800.rounded-xl.p-4.space-y-3[data-end-date] .countdown-days,
    .dark .border.border-zinc-800.rounded-xl.p-4.space-y-3[data-end-date] .countdown-hours,
    .dark .border.border-zinc-800.rounded-xl.p-4.space-y-3[data-end-date] .countdown-minutes,
    .dark .border.border-zinc-800.rounded-xl.p-4.space-y-3[data-end-date] .countdown-seconds {
        color: #f1f5f9 !important;
    }

    .border.border-zinc-800.rounded-xl.p-4.space-y-3[data-end-date] .countdown-days::after,
    .border.border-zinc-800.rounded-xl.p-4.space-y-3[data-end-date] .countdown-hours::after,
    .border.border-zinc-800.rounded-xl.p-4.space-y-3[data-end-date] .countdown-minutes::after,
    .border.border-zinc-800.rounded-xl.p-4.space-y-3[data-end-date] .countdown-seconds::after {
        content: none !important;
        display: none !important;
    }

    .border.border-zinc-800.rounded-xl.p-4.space-y-3[data-end-date] .text-\[10px\] {
        display: block !important;
        font-size: 9px !important;
        line-height: 1.1 !important;
        letter-spacing: 0.02em !important;
        white-space: nowrap !important;
        text-align: center !important;
        margin-top: 3px !important;
    }
}

@media (max-width: 768px) {

    .bg-card.rounded-2xl.shadow-xl.border.border-border.p-5.md\:p-6.lg\:p-8.space-y-5.md\:space-y-6 {
        min-height: auto !important;
        height: auto !important;
        padding-bottom: 24px !important;
    }

    .bg-card.rounded-2xl.shadow-xl.border.border-border.p-5.md\:p-6.lg\:p-8.space-y-5.md\:space-y-6:has(a[href*="/login"]) {
        min-height: auto !important;
        height: auto !important;
        padding-bottom: 24px !important;
    }

    .bg-card.rounded-2xl.shadow-xl.border.border-border.p-5.md\:p-6.lg\:p-8.space-y-5.md\:space-y-6 > .pt-2 {
        min-height: auto !important;
        height: auto !important;
    }

    .bg-card.rounded-2xl.shadow-xl.border.border-border.p-5.md\:p-6.lg\:p-8.space-y-5.md\:space-y-6 > .mt-6.pt-4.border-t.border-border:first-of-type {
        margin-top: 20px !important;
        padding-top: 20px !important;
    }
}

html,
body {
    overflow-x: hidden !important;
    max-width: 100% !important;
}

main,
.page-content,
.container,
.grid {
    max-width: 100% !important;
}

[data-end-date],
.lot-zoom-container,
.product-content,
.bg-card,
.lot-card__bid {
    max-width: 100% !important;
    overflow-x: hidden !important;
}

/* Allow horizontal scrolling for tables wrapped in .overflow-x-auto
   (e.g. vendor admin tables), overriding the .bg-card rule above. */
.bg-card.overflow-x-auto,
.overflow-x-auto.bg-card {
    overflow-x: auto !important;
}

img {
    max-width: 100% !important;
    height: auto !important;
}

.flex,
.grid {
    min-width: 0 !important;
}

@media (max-width: 768px) {

    body {
        position: relative !important;
        width: 100% !important;
        overflow-x: hidden !important;
    }

    .container,
    main,
    .page-content {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media (max-width: 768px) {

    footer,
    footer * {
        text-align: center !important;
    }

    footer .grid,
    footer .container,
    footer .space-y-4,
    footer .space-y-6 {
        justify-items: center !important;
        align-items: center !important;
    }

    footer a,
    footer p,
    footer li,
    footer div {
        justify-content: center !important;
    }

    footer .flex {
        justify-content: center !important;
    }

    footer .social-icons,
    footer .flex.items-center.gap-4 {
        justify-content: center !important;
    }

    footer img {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

a[href="/outlet"],
a[href*="/outlet?category=vijverafdeling"] {
  display: none !important;
}
.kv-product-text {
  font-family: Inter, Arial, sans-serif;
  color: #1e293b;
  line-height: 1.8;
  font-size: 16px;
  background: #ffffff;
  border: 1px solid #dce8ee;
  border-radius: 20px;
  padding: 30px;
  box-shadow: 0 2px 10px rgba(15, 23, 42, 0.03);
}

.kv-product-text p {
  margin: 0 0 18px 0;
}

.kv-product-text strong {
  color: #0ea5a4;
  font-weight: 700;
}

.kv-product-highlight {
  display: inline-block;
  margin-top: 8px;
  padding: 12px 18px;
  background: #f0fdfa;
  border: 1px solid #bce9e5;
  border-radius: 999px;
  font-weight: 700;
  color: #0f766e;
  letter-spacing: 0.2px;
}

.kv-product-note {
  margin-top: 18px;
  font-size: 13px;
  color: #64748b;
}

.kv-product-divider {
  width: 60px;
  height: 4px;
  background: #14b8a6;
  border-radius: 999px;
  margin-bottom: 20px;
}
.kv-page {
  width: 100%;
  padding: 70px 0;
  background: #f8fafc;
}

.kv-page-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
}

.kv-page-hero {
  text-align: center;
  max-width: 900px;
  margin: 0 auto 48px;
}

.kv-page-badge {
  display: inline-block;
  background: #ffffff;
  color: #0f172a;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  padding: 10px 18px;
  margin-bottom: 18px;
  font-size: 13px;
  font-weight: 700;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08);
}

.kv-page h1 {
  color: #0f172a;
  font-size: 56px;
  line-height: 1.1;
  font-weight: 800;
  margin: 0 0 18px;
}

.kv-page h2 {
  color: #0f172a;
  font-size: 34px;
  line-height: 1.25;
  font-weight: 800;
  margin: 0 0 18px;
}

.kv-page p,
.kv-page li {
  color: #475569;
  font-size: 18px;
  line-height: 1.8;
}

.kv-page-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 28px;
}

.kv-page-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 24px;
  padding: 36px;
  box-shadow: 0 14px 40px rgba(15, 23, 42, 0.06);
}

.kv-page-card:hover {
  transform: translateY(-2px);
  transition: 0.2s ease;
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.1);
}

.kv-page ul {
  list-style: none;
  padding: 0;
  margin: 20px 0 0;
}

.kv-page li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 14px;
}

.kv-page li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: #00a6a6;
  font-weight: 800;
}

@media (max-width: 768px) {
  .kv-page h1 {
    font-size: 38px;
  }

  .kv-page h2 {
    font-size: 28px;
  }

  .kv-page-grid {
    grid-template-columns: 1fr;
  }
}

.lot-grid > a {
  display: flex;
  flex-direction: column;
}

.lot-card__image {
  width: 100%;
  height: 240px;
  flex-shrink: 0;
}

.lot-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.lot-grid h3 {
  min-height: 3.2rem;
  max-height: 3.2rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.lot-card__bid {
  margin-top: auto;
}

.lot-grid h3 {
    text-align: center !important;
    width: 100% !important;
}
.flex.items-center.justify-between.mb-6 {
    padding: 24px 0 !important;
    margin-bottom: 0 !important;
}
a[href="https://v2.interpyro.com/auctions/all"] {
    position: relative !important;
    top: 16px !important;
}

.flex.items-end.justify-between.mb-6.gap-4 {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    padding-top: 24px !important;
    padding-bottom: 24px !important;

    margin-bottom: 0 !important;
}

.flex.items-end.justify-between.mb-6.gap-4 h2 {
    margin-bottom: 4px !important;
    line-height: 1.1 !important;
}

.flex.items-end.justify-between.mb-6.gap-4 a {
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
}

.lot-grid {
    margin-bottom: 32px !important;
}

.flex.items-center.justify-between.mb-6,
.flex.items-end.justify-between.mb-6.gap-4 {
    margin-top: 0 !important;
    margin-bottom: 24px !important;

    padding-top: 0 !important;
    padding-bottom: 0 !important;

    align-items: center !important;
}

.flex.items-center.justify-between.mb-6 a,
.flex.items-end.justify-between.mb-6.gap-4 a {
    display: flex !important;
    align-items: center !important;
}
.lot-card__image img{
    object-fit: cover;
}
.lot-grid > a {
    border-radius: 16px !important;
    overflow: hidden !important;
}

@media (min-width: 1024px) {

    main .grid.grid-cols-1.lg\:grid-cols-2 {
        align-items: stretch !important;
    }

    main .grid.grid-cols-1.lg\:grid-cols-2 > div {
        display: flex !important;
        flex-direction: column !important;
    }

    main .grid.grid-cols-1.lg\:grid-cols-2 > div:first-child > .bg-card {
        min-height: 680px !important;
        height: 100% !important;
    }

    main .grid.grid-cols-1.lg\:grid-cols-2 .bg-card.rounded-2xl.shadow-xl {
        min-height: 680px !important;
        height: 100% !important;
        display: flex !important;
        flex-direction: column !important;
    }

    main .grid.grid-cols-1.lg\:grid-cols-2 .bg-card.rounded-2xl.shadow-xl > .mt-6.pt-4.border-t {
        margin-top: auto !important;
    }
}

@media (min-width: 1024px) {

    .bg-card.rounded-2xl.shadow-xl.border.border-border.p-5.md\:p-6.lg\:p-8.space-y-5.md\:space-y-6:has(form[action*="/buy"]) {
        min-height: auto !important;
        height: auto !important;

        padding: 34px !important;
        border-radius: 30px !important;

        background:
            linear-gradient(180deg, #ffffff 0%, #f8fffd 100%) !important;

        box-shadow: 0 18px 45px rgba(15, 23, 42, 0.10) !important;
        border: 1px solid rgba(14, 165, 164, 0.20) !important;
    }

    .bg-card.rounded-2xl.shadow-xl.border.border-border.p-5.md\:p-6.lg\:p-8.space-y-5.md\:space-y-6:has(form[action*="/buy"]) > .flex.items-start {
        justify-content: center !important;
        text-align: center !important;
        padding-top: 10px !important;
    }

    .bg-card.rounded-2xl.shadow-xl.border.border-border.p-5.md\:p-6.lg\:p-8.space-y-5.md\:space-y-6:has(form[action*="/buy"]) .flex.items-center.gap-1\.5 {
        justify-content: center !important;
        margin-bottom: 10px !important;
    }

    .bg-card.rounded-2xl.shadow-xl.border.border-border.p-5.md\:p-6.lg\:p-8.space-y-5.md\:space-y-6:has(form[action*="/buy"]) .flex.items-baseline {
        justify-content: center !important;
        margin-bottom: 12px !important;
    }

    .bg-card.rounded-2xl.shadow-xl.border.border-border.p-5.md\:p-6.lg\:p-8.space-y-5.md\:space-y-6:has(form[action*="/buy"]) .inline-flex.items-center.gap-1 {
        margin: 0 auto 12px auto !important;
        display: inline-flex !important;
    }

    .bg-card.rounded-2xl.shadow-xl.border.border-border.p-5.md\:p-6.lg\:p-8.space-y-5.md\:space-y-6:has(form[action*="/buy"]) .text-emerald-600 {
        text-align: center !important;
        font-size: 13px !important;
        letter-spacing: .06em !important;
    }

    .bg-card.rounded-2xl.shadow-xl.border.border-border.p-5.md\:p-6.lg\:p-8.space-y-5.md\:space-y-6:has(form[action*="/buy"]) .pt-2 {
        margin-top: 18px !important;
        padding: 22px !important;
        border-radius: 22px !important;
        background: #f0fdfa !important;
        border: 1px solid #bceee7 !important;
    }

    .bg-card.rounded-2xl.shadow-xl.border.border-border.p-5.md\:p-6.lg\:p-8.space-y-5.md\:space-y-6:has(form[action*="/buy"]) button[type="submit"] {
        min-height: 56px !important;
        font-size: 18px !important;
        font-weight: 800 !important;
        box-shadow: 0 12px 28px rgba(14, 165, 164, 0.28) !important;
    }

    .bg-card.rounded-2xl.shadow-xl.border.border-border.p-5.md\:p-6.lg\:p-8.space-y-5.md\:space-y-6:has(form[action*="/buy"]) form p {
        margin-top: 12px !important;
        font-size: 13px !important;
    }

    .bg-card.rounded-2xl.shadow-xl.border.border-border.p-5.md\:p-6.lg\:p-8.space-y-5.md\:space-y-6:has(form[action*="/buy"]) .mt-6.pt-4.border-t.border-border {
        margin-top: 26px !important;
        padding-top: 22px !important;
    }

    .grid.grid-cols-1.lg\:grid-cols-2.gap-6.lg\:gap-8.items-start:has(form[action*="/buy"])
    .bg-card.rounded-2xl.shadow-lg.border.border-border.p-4.relative {
        border-radius: 30px !important;
        padding: 18px !important;
    }

    .grid.grid-cols-1.lg\:grid-cols-2.gap-6.lg\:gap-8.items-start:has(form[action*="/buy"])
    .bg-card.border.border-border.rounded-xl.p-4.space-y-3 {
        margin-top: 18px !important;
        padding: 24px !important;
        border-radius: 24px !important;
    }
}

@media (min-width: 1024px) {

    .grid.grid-cols-1.lg\:grid-cols-2.gap-6.lg\:gap-8.items-start:has(form[action*="/buy"]) {
        align-items: stretch !important;
    }

    .grid.grid-cols-1.lg\:grid-cols-2.gap-6.lg\:gap-8.items-start:has(form[action*="/buy"]) > div {
        display: flex !important;
        flex-direction: column !important;
    }

    .grid.grid-cols-1.lg\:grid-cols-2.gap-6.lg\:gap-8.items-start:has(form[action*="/buy"])
    .bg-card.rounded-2xl.shadow-xl.border.border-border.p-5.md\:p-6.lg\:p-8.space-y-5.md\:space-y-6 {
        height: 100% !important;
        min-height: 680px !important;
        display: flex !important;
        flex-direction: column !important;
    }

    .grid.grid-cols-1.lg\:grid-cols-2.gap-6.lg\:gap-8.items-start:has(form[action*="/buy"])
    .bg-card.rounded-2xl.shadow-xl.border.border-border.p-5.md\:p-6.lg\:p-8.space-y-5.md\:space-y-6::after {
        content: "Vaste prijs • Direct kopen • Veilig afrekenen";
        margin-top: auto;
        padding: 18px;
        border-radius: 18px;
        background: #ecfdf5;
        border: 1px solid #bceee7;
        color: #0f766e;
        font-size: 13px;
        font-weight: 700;
        text-align: center;
    }
}

.outlet-extra-info {
    display: grid;
    gap: 10px;

    margin-top: 18px;
    margin-bottom: 18px;
}

.outlet-extra-info-item {
    display: flex;
    align-items: center;
    gap: 12px;

    padding: 12px 14px;

    border-radius: 16px;

    background: #f8fffd;
    border: 1px solid #d9f5ef;
}

.outlet-extra-info-icon {
    width: 34px;
    height: 34px;

    border-radius: 10px;

    background: #14b8a6;

    display: flex;
    align-items: center;
    justify-content: center;

    color: white;
    font-size: 14px;
    font-weight: 700;

    flex-shrink: 0;
}

.outlet-extra-info strong {
    display: block;
    color: #0f172a;
    font-size: 14px;
    line-height: 1.2;
}

.outlet-extra-info span {
    display: block;
    color: #64748b;
    font-size: 12px;
    line-height: 1.3;
}
.auction-extra-info {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    margin-top: 26px;
    margin-bottom: 26px;
}

.auction-extra-pill {
    padding: 10px 16px;
    border-radius: 999px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    font-size: 13px;
    font-weight: 600;
    color: #334155;
}

#min-bid-display,
#bid-step-display {
    display: none !important;
}

p:has(#min-bid-display),
p:has(#bid-step-display) {
    display: none !important;
}

.kvMetaItem--vat {
    display: none !important;
}

.vendor-bottom-content,
.outlet-vendor-extra {
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.vendor-bottom-line,
.outlet-vendor-line {
    display: flex;
    align-items: center;

    min-height: 42px;

    padding: 10px 14px;

    border-radius: 14px;

    background: #f8fffd;
    border: 1px solid #daf3ee;

    color: #0f766e;

    font-size: 13px;
    font-weight: 600;
}

@media (min-width: 1024px) {

    .bg-card.rounded-2xl.shadow-xl.border.border-border.p-5.md\:p-6.lg\:p-8.space-y-5.md\:space-y-6 {

        display: flex !important;
        flex-direction: column !important;

        height: 100% !important;
        min-height: 680px !important;
    }

    #highest-bidder-banner,
    #new-bid-notification {

        min-height: 46px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    #highest-bidder-banner.hidden,
    #new-bid-notification.hidden {

        visibility: hidden !important;
        opacity: 0 !important;

        display: flex !important;
    }

    .auction-extra-info {

        margin-top: 18px !important;
        margin-bottom: 18px !important;

        min-height: unset !important;
    }

    .mt-6.pt-4.border-t.border-border {

        min-height: unset !important;

        display: block !important;
    }

    .mt-6.pt-4.border-t.border-border:last-child {

        margin-top: auto !important;
    }
}

@media (min-width: 1024px) {

  .grid.grid-cols-1.lg\:grid-cols-2.gap-6.lg\:gap-8.items-start {
    align-items: stretch !important;
  }

  .grid.grid-cols-1.lg\:grid-cols-2.gap-6.lg\:gap-8.items-start > div {
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
  }

  .grid.grid-cols-1.lg\:grid-cols-2.gap-6.lg\:gap-8.items-start
  > div:first-child
  > .bg-card.rounded-2xl {
    height: 100% !important;
    min-height: 680px !important;
    display: flex !important;
    flex-direction: column !important;
  }

  .grid.grid-cols-1.lg\:grid-cols-2.gap-6.lg\:gap-8.items-start
  > div:nth-child(2) {
    height: auto !important;
  }

  .grid.grid-cols-1.lg\:grid-cols-2.gap-6.lg\:gap-8.items-start
  > div:nth-child(2)
  > .space-y-5 {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
  }

  #current-bid-display {
    display: block !important;
    min-height: 0 !important;
    overflow: visible !important;
    line-height: 1.1 !important;
    margin-bottom: 0 !important;
    flex-shrink: 0 !important;
    max-width: 100% !important;
  }

  #current-bid-display ~ * {
    min-width: 0 !important;
  }

  .bg-card.rounded-2xl.shadow-xl.border.border-border:has(#current-bid-display) {
    height: 100% !important;
    min-height: 680px !important;
    display: flex !important;
    flex-direction: column !important;
  }

  .bg-card.rounded-2xl.shadow-xl.border.border-border:has(#current-bid-display) > .pt-2 {
    min-height: 0 !important;
  }

  .bg-card.rounded-2xl.shadow-xl.border.border-border:has(#current-bid-display):has(a[href*="/login"]) {
    min-height: 680px !important;
    padding-bottom: 32px !important;
  }

  .bg-card.rounded-2xl.shadow-xl.border.border-border:has(#current-bid-display) .auction-extra-info {
    min-height: 0 !important;
    margin-top: 14px !important;
    margin-bottom: 0 !important;
  }

  .bg-card.rounded-2xl.shadow-xl.border.border-border:has(#current-bid-display)
  > .mt-6.pt-4.border-t.border-border:first-of-type {
    margin-top: auto !important;
    min-height: 0 !important;
    display: block !important;
  }

  .bg-card.rounded-2xl.shadow-xl.border.border-border:has(#current-bid-display)
  > .mt-6.pt-4.border-t.border-border:last-child {
    margin-top: 24px !important;
  }
}
@media (min-width: 1024px) {
  .vendor-space-fill {
    margin-top: 18px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
  }

  .vendor-space-item {
    display: flex !important;
    align-items: center !important;
    min-height: 38px !important;
    padding: 8px 12px !important;
    border-radius: 12px !important;
    background: #f8fffd !important;
    border: 1px solid #daf3ee !important;
    color: #0f766e !important;
    font-size: 12px !important;
    font-weight: 600 !important;
  }
}
.vendor-bottom-content {

    margin-top: 28px;

    display: flex;
    flex-direction: column;

    gap: 14px;
}

.vendor-bottom-line {

    display: flex;
    align-items: center;

    min-height: 58px;

    padding: 14px 18px;

    border-radius: 16px;

    background: linear-gradient(
        180deg,
        #f8fffd 0%,
        #eefaf6 100%
    );

    border: 1px solid #d7ebe5;

    color: #0f766e;

    font-size: 14px;
    font-weight: 700;

    line-height: 1.3;

    box-shadow:
        0 2px 6px rgba(15, 23, 42, 0.04),
        inset 0 1px 0 rgba(255,255,255,0.7);

    transition: all 0.2s ease;
}

.vendor-bottom-line:hover {

    transform: translateY(-1px);

    background: linear-gradient(
        180deg,
        #ffffff 0%,
        #ecfdf5 100%
    );

    border-color: #bfe4d6;
}

@media (min-width: 1024px) {

    #new-bid-notification.hidden {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        overflow: hidden !important;
    }

    #highest-bidder-banner {
        margin-top: 6px !important;
        margin-bottom: 8px !important;
        min-height: 42px !important;
        padding-top: 9px !important;
        padding-bottom: 9px !important;
    }

    #highest-bidder-banner + #new-bid-notification + [data-end-date],
    #highest-bidder-banner + [data-end-date] {
        margin-top: 0 !important;
    }

    .bg-card.rounded-2xl.shadow-xl.border.border-border.p-5.md\:p-6.lg\:p-8.space-y-5.md\:space-y-6 {
        row-gap: 14px !important;
        gap: 14px !important;
    }
}

.lot-slide-thumb,
.lot-slide-thumb img {
    flex-shrink: 0 !important;
}

.flex.flex-wrap.gap-3.justify-center.mt-3 {
    flex: 0 0 auto !important;
    width: 100% !important;
    margin-bottom: 1.5rem !important;
}

.bg-card.border.border-border.rounded-xl.p-4.space-y-3 {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    min-height: fit-content !important;
    overflow: visible !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    margin-top: 1.5rem !important;
}

.bg-card,
.rounded-xl,
[class*="space-y"],
[class*="grid"],
[class*="flex"] {
    min-height: 0 !important;
}

.lot-slide,
.lot-slide img,
.lot-slide video,
.lot-slide iframe {
    flex-shrink: 0 !important;
}

.lot-image-wrapper,
.lot-main-image-container,
.lot-slide {
    aspect-ratio: 1200 / 900 !important;
    width: 100% !important;
    overflow: hidden !important;
}

main .grid.grid-cols-1.lg\:grid-cols-2 > div:first-child,
main .grid.grid-cols-1.lg\:grid-cols-2 > div:first-child > .bg-card,
.grid.grid-cols-1.lg\:grid-cols-2.gap-6.lg\:gap-8.items-start > div:first-child,
.grid.grid-cols-1.lg\:grid-cols-2.gap-6.lg\:gap-8.items-start > div:first-child > .bg-card {
    height: auto !important;
    min-height: 0 !important;
    flex: none !important;
    display: block !important;
}

.lot-zoom-container {
    width: 100% !important;
    aspect-ratio: 1200 / 900 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    flex: none !important;
    overflow: hidden !important;
}

.lot-zoom-container img.lot-zoom-img,
img.lot-zoom-img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    display: block !important;
}

.flex.flex-wrap.gap-3.justify-center.mt-3:has(.lot-slide-thumb) {
    position: static !important;
    height: auto !important;
    min-height: 56px !important;
    flex: none !important;
    margin-top: 16px !important;
    margin-bottom: 20px !important;
}

@media (max-width: 768px) {

    .lot-zoom-button,
    .lot-zoom-container button:has(svg.lucide-search),
    .lot-zoom-container button:has(svg.lucide-zoom-in),
    .lot-zoom-container button:has(svg.lucide-plus),
    .lot-zoom-container .absolute.bottom-3.right-3,
    .lot-zoom-container .absolute.bottom-4.right-4,
    .lot-zoom-container .absolute.right-3.bottom-3 {
        display: none !important;
    }

    .lot-zoom-container,
    .lot-zoom-img,
    .lot-zoom-container iframe,
    .lot-zoom-container video {
        pointer-events: auto !important;
        cursor: default !important;
    }

    .lot-zoom-container iframe,
    .lot-zoom-container video {
        position: relative !important;
        z-index: 20 !important;
    }
}

.lot-slide-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

.lot-slide-thumb {
    background: #000 !important;
    overflow: hidden !important;
}
@media (max-width: 768px) {

    .vendor-bottom-content {
        display: none !important;
    }

}
@media (max-width: 768px) {

  a:has(.lot-card__image),
  #lots .lot-grid > a {
    background: var(--card, #f8fafc) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    padding: 0 !important;
    gap: 0 !important;
  }

  .lot-card__image,
  a:has(.lot-card__image) .lot-card__image,
  #lots .lot-card__image {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 3 !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
  }

  .lot-card__image img,
  a:has(.lot-card__image) .lot-card__image img,
  #lots .lot-card__image img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
    aspect-ratio: unset !important;
  }

}

.w-full.px-4.lg\:px-6.py-2\.5.flex.items-center.justify-center.gap-3 {
    display: none !important;
}


.border-t.border-border.mt-6.pt-6.flex.items-center.justify-center {
    display: none !important;
}
@media (max-width: 768px) {
    .line-clamp-2 {
        -webkit-line-clamp: unset !important;
        line-clamp: unset !important;
        overflow: visible !important;
        display: block !important;
    }
}
footer > .max-w-7xl {
    max-width: 1152px !important;
}