@media (max-width: 760px) {
.winkel.terra.met-onderbalk.onderbalk-hulp .chat-widget .chat-knop { display: none; }
.winkel.terra.met-onderbalk.onderbalk-hulp .chat-widget .chat-begroeting { display: none; }
.winkel.terra.met-onderbalk.onderbalk-hulp .chat-widget { z-index: 960; }
.winkel.terra.met-onderbalk.onderbalk-hulp .chat-widget .chat-paneel { left: 0; right: 0; top: 0; bottom: var(--onderbalk-h, 66px); width: auto; height: auto; max-height: none; border-radius: 0; }
}
@media (max-width: 760px) {
.winkel.terra.tel-strak.met-onderbalk .shop-onderbalk { grid-auto-columns: minmax(0, 1fr); align-items: stretch; padding: 0 0 env(safe-area-inset-bottom); height: calc(62px + env(safe-area-inset-bottom)); box-shadow: none; border-top: 1px solid var(--nova-lijn); }
.winkel.terra.tel-strak .shop-onderbalk .shop-onderbalk-tab { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; min-height: 44px; height: 62px; padding: 0 2px; font-size: 13px; font-weight: 600; line-height: 1.1; color: var(--nova-gedempt); }
.winkel.terra.tel-strak .shop-onderbalk .shop-onderbalk-tab > span:last-child { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.winkel.terra.tel-strak .shop-onderbalk .shop-onderbalk-tab.aan { color: var(--nova-inkt); }
.winkel.terra.tel-strak .shop-onderbalk .shop-onderbalk-tab.aan::before { content: ""; position: absolute; top: -1px; left: 24%; right: 24%; height: 3px; background: var(--winkel-accent); }
.winkel.terra.tel-strak .shop-onderbalk .shop-onderbalk-badge { top: -7px; right: auto; left: calc(50% + 4px); min-width: 20px; height: 20px; padding: 0 5px; border-radius: 10px; font-size: 13px; font-weight: 700; line-height: 20px; }
.winkel.terra.tel-strak .shop-onderbalk .shop-onderbalk-badge.is-leeg { display: none; }
}
@media (max-width: 760px) {
.winkel.terra.tel-strak .shop-mededeling-in { min-height: 34px; padding-top: 0; padding-bottom: 0; align-items: center; font-size: 13px; }
.winkel.terra.tel-strak .shop-header.vorm-terra.kop-zoeken:not(.zoek-open),
.winkel.terra.tel-strak .shop-header.vorm-terra.kop-zoeken:not(.zoek-open) .shop-header-in { height: 60px; min-height: 60px; }
.winkel.terra.tel-strak .shop-header.vorm-terra.kop-zoeken:not(.zoek-open) .shop-header-in { padding: 0 6px; gap: 0; }
.winkel.terra.tel-strak .shop-header.vorm-terra.kop-zoeken:not(.zoek-open) .shop-zoek { top: 8px; }
.winkel.terra.tel-strak .shop-header.vorm-terra.kop-zoeken .shop-header-in .shop-zoek-knop,
.winkel.terra.tel-strak .shop-header.vorm-terra.kop-zoeken .shop-header-in a.kop-account.kop-account,
.winkel.terra.tel-strak .shop-header.vorm-terra.kop-zoeken .shop-header-in a.kop-account.kop-account-tekst,
.winkel.terra.tel-strak .shop-header.vorm-terra.kop-zoeken .shop-header-in .shop-wagen { width: 44px; height: 44px; min-width: 44px; padding: 0; background: transparent; border: 0; box-shadow: none; color: currentColor; display: inline-flex; align-items: center; justify-content: center; position: relative; }
.winkel.terra.tel-strak.kop-donker-aan .shop-header.vorm-terra.kop-zoeken .shop-header-in .shop-zoek-knop,
.winkel.terra.tel-strak.kop-donker-aan .shop-header.vorm-terra.kop-zoeken .shop-header-in a.kop-account.kop-account,
.winkel.terra.tel-strak.kop-donker-aan .shop-header.vorm-terra.kop-zoeken .shop-header-in a.kop-account.kop-account-tekst,
.winkel.terra.tel-strak.kop-donker-aan .shop-header.vorm-terra.kop-zoeken .shop-header-in .shop-wagen { color: #fff; }
.winkel.terra.tel-strak .shop-header.vorm-terra.kop-zoeken .shop-zoek-knop svg,
.winkel.terra.tel-strak .shop-header.vorm-terra.kop-zoeken .kop-account svg,
.winkel.terra.tel-strak .shop-header.vorm-terra.kop-zoeken .shop-wagen svg { width: 22px; height: 22px; }
.winkel.terra.tel-strak .shop-header.vorm-terra.kop-zoeken .shop-kop-rechts { gap: 0; }
.winkel.terra.tel-strak .shop-header.vorm-terra.kop-zoeken .shop-wagen .topbar-badge.wagen-teller { position: absolute; top: 3px; right: 2px; margin: 0; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 10px; background: var(--winkel-accent) !important; color: #fff; font-size: 13px; font-weight: 700; }
.winkel.terra.tel-strak .shop-header.vorm-terra.kop-zoeken .shop-header-in .shop-wagen .topbar-badge.is-leeg { display: none; }
}
@media (max-width: 760px) {
.winkel.terra.tel-strak.met-onderbalk .shop-menu.vorm-terra { height: auto; border-bottom: 1px solid var(--nova-lijn); background: #fff; }
.winkel.terra.tel-strak.met-onderbalk .shop-menu.vorm-terra .shop-menu-in { --nova-zij: 16px; height: auto; min-height: 0; display: flex; align-items: center; gap: 8px; padding: 8px 16px; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; -webkit-mask-image: none; mask-image: none; }
.winkel.terra.tel-strak.met-onderbalk .shop-menu.vorm-terra .shop-menu-in::-webkit-scrollbar { display: none; }
.winkel.terra.tel-strak.met-onderbalk .shop-menu.vorm-terra .shop-menu-in > .shop-menu-item:first-child,
.winkel.terra.tel-strak.met-onderbalk .shop-menu.vorm-terra .shop-menu-item { margin: 0; height: auto; flex: 0 0 auto; }
.winkel.terra.tel-strak.met-onderbalk .shop-menu.vorm-terra .shop-menu-in::after { content: ""; flex: 0 0 8px; height: 1px; }
.winkel.terra.tel-strak.met-onderbalk .shop-menu.vorm-terra .shop-menu-in .shop-menu-item.alleen-telefoon > .shop-menu-kop { position: static; height: 36px; min-height: 36px; padding: 0 14px; border: 1px solid var(--nova-lijn); border-radius: 4px; background: #fff; color: var(--nova-inkt); font-size: 14px; font-weight: 600; line-height: 1; display: inline-flex; align-items: center; white-space: nowrap; box-shadow: none; }
.winkel.terra.tel-strak.met-onderbalk .shop-menu.vorm-terra .shop-menu-kop::before,
.winkel.terra.tel-strak.met-onderbalk .shop-menu.vorm-terra .shop-menu-kop::after { content: none; display: none; }
.winkel.terra.tel-strak.met-onderbalk .shop-menu.vorm-terra .shop-menu-in .shop-menu-item.alleen-telefoon > .shop-menu-kop.is-aan { background: var(--nova-inkt); border-color: var(--nova-inkt); color: #fff; }
}
@media (max-width: 760px) {
.winkel.terra.tel-strak .pdp-koopbalk { transform: none; transition: none; border-top: 1px solid var(--nova-lijn); box-shadow: 0 -10px 24px -14px rgba(0, 0, 0, .3); }
.winkel.terra.tel-strak .pdp-koopbalk-in { padding: 10px 16px; gap: 12px; }
.winkel.terra.tel-strak .pdp-koopbalk img,
.winkel.terra.tel-strak .pdp-koopbalk-naam > b { display: none; }
.winkel.terra.tel-strak .pdp-koopbalk-naam > span { font-size: 13px; font-weight: 400; line-height: 1.35; color: var(--nova-gedempt); }
.winkel.terra.tel-strak .pdp-koopbalk-naam .klein { font-size: 13px; }
.winkel.terra.tel-strak .pdp-koopbalk-bedrag { display: block; font-size: 18px; font-weight: 700; line-height: 1.2; color: var(--nova-inkt); }
.winkel.terra.tel-strak .pdp-koopbalk .pdp-koop.klein { height: 48px; padding: 0 18px; flex: 0 0 auto; font-size: 15px; }
.winkel.terra.tel-strak.met-onderbalk:has(.pdp-koopbalk) { padding-bottom: calc(var(--onderbalk-h, 66px) + 70px); }
}
@media (max-width: 760px) {
.winkel.terra.tel-strak .shop-lijst:has(.shop-balk-filterknop) > .shop-filterknop { display: none; }
.winkel.terra.tel-strak .shop-lijstbalk { flex-wrap: wrap; column-gap: 10px; row-gap: 0; align-items: center; }
.winkel.terra.tel-strak .shop-lijstbalk > .shop-balk-filterknop { order: 1; flex: 1 1 0; min-width: 0; height: 44px; justify-content: center; gap: 8px; border: 1.5px solid var(--nova-inkt); border-radius: 4px; background: #fff; color: var(--nova-inkt); font-size: 14.5px; font-weight: 700; }
.winkel.terra.tel-strak .shop-lijstbalk > select.shop-select { order: 2; flex: 1 1 0; min-width: 0; width: auto; height: 44px; border: 1.5px solid var(--nova-inkt); border-radius: 4px; font-weight: 700; color: var(--nova-inkt); }
.winkel.terra.tel-strak .shop-lijstbalk > .shop-telling { order: 3; flex: 0 0 100%; margin-top: 10px; font-size: 13.5px; }
.winkel.terra.tel-strak .shop-lijstbalk > noscript { order: 4; }
.winkel.terra.tel-strak .shop-catkop + .shop-cattekst .shop-cattekst-in { padding-top: 18px; }
}
@media (max-width: 760px) {
.winkel.terra.tel-strak .shop-footer.vorm-nova .shop-footer-in { text-align: left; padding-left: 16px; padding-right: 16px; }
.winkel.terra.tel-strak .shop-footer .shop-voet-merk { align-items: flex-start; }
.winkel.terra.tel-strak .shop-footer .shop-voet-merkcontact { flex-direction: column; align-items: flex-start; gap: 0; }
.winkel.terra.tel-strak .shop-footer .shop-voet-merkcontact a { display: flex; align-items: center; min-height: 44px; padding: 0; margin: 0; font-size: 14.5px; }
.winkel.terra.tel-strak .shop-footer .shop-voet-merkcontact a::before,
.winkel.terra.tel-strak .shop-footer .shop-voet-merkcontact a::after { content: none; display: none; }
.winkel.terra.tel-strak .shop-footer .shop-footer-in > div > div > a { display: flex; align-items: center; min-height: 44px; }
.winkel.terra.tel-strak .shop-footer .shop-footer-in > div > div { gap: 0 !important; }
.winkel.terra.tel-strak .shop-footer .shop-voet-kolomkop { margin-bottom: 0 !important; }
}
@media (max-width: 760px) {
.winkel.terra.tel-strak :is(.nova-code, .nova-titel, .btw-inline, .pdp-tweedeprijs, .site-keuzehulp-nummer, .site-bericht-rubriek, .cell-sub, .site-nu, .shop-filterknop, .klant-tab-instel, .wagen-olabel) { font-size: 13px !important; }
.winkel.terra.tel-strak .shop-main :is(.huur-oog, .huur-mkgroep, .huur-keur, .huur-badge, .huur-lopend, .huur-status) { font-size: 13px !important; }
.winkel.terra.tel-strak .shop-main :is([class*="huur"], [class*="klant"], [class*="kal"], [class*="wagen"]) :is(small, em, s, summary) { font-size: 13px !important; }
.winkel.terra.tel-strak .shop-main :is([class*="klant"]) span { font-size: max(13px, 1em); }
.winkel.terra.tel-strak .shop-main form label { font-size: 13px !important; }
.winkel.terra.tel-strak .afr-stappen li i { font-size: 13px; }
}
@media (max-width: 760px) {
.winkel.terra.tel-strak .afr-kop-in { grid-template-columns: minmax(0, 1fr); height: auto; padding: 10px 16px; gap: 10px; justify-items: start; }
.winkel.terra.tel-strak .afr-kop-in > .afr-hulp { display: none; }
.winkel.terra.tel-strak .afr-stappen { max-width: 100%; flex-wrap: nowrap; gap: 10px; }
.winkel.terra.tel-strak.afrekenen .shop-main { padding-left: 16px; padding-right: 16px; }
}
@media (max-width: 760px) {
.winkel.terra.tel-strak .klant-band { margin-left: 0; margin-right: 0; max-width: 100%; box-sizing: border-box; }
}
@media (max-width: 760px) {
.winkel.terra.tel-strak .shop-kaart .nova-voet { display: grid; grid-template-columns: minmax(0, 1fr) 44px; align-items: end; column-gap: 6px; }
.winkel.terra.tel-strak .shop-kaart .nova-prijsvak { min-width: 0; }
.winkel.terra.tel-strak .shop-kaart .nova-prijs { font-size: 15px; white-space: nowrap; letter-spacing: -.01em; }
.winkel.terra.tel-strak .shop-kaart .nova-prijs .btw-inline { white-space: normal; letter-spacing: 0; line-height: 1.3; margin-top: 2px; }
.winkel.terra.tel-strak .shop-kaart .nova-inwagen { width: 44px; height: 44px; }
.winkel.terra.tel-strak .shop-kaart .nova-hart { position: relative; }
.winkel.terra.tel-strak .shop-kaart .nova-hart::after { content: ""; position: absolute; inset: -14px; }
.winkel.terra.tel-strak .shop-lijstbalk > .shop-telling { text-align: left; }
}
@media (max-width: 760px) {
.winkel.terra.tel-strak .shop-main .teller { height: 44px; padding: 0; }
.winkel.terra.tel-strak .shop-main .teller > button { width: 36px; height: 42px; }
.winkel.terra.tel-strak .shop-main .wagen-weg { position: relative; }
.winkel.terra.tel-strak .shop-main .wagen-weg::after { content: ""; position: absolute; inset: -8px; }
.winkel.terra.tel-strak .shop-main small { font-size: 13px !important; }
.winkel.terra.tel-strak .shop-main [class*="legenda"] span { font-size: 13px !important; }
}
@media (max-width: 760px) {
.winkel.terra.tel-strak.met-onderbalk .shop-lade { inset: 0 0 var(--onderbalk-h, 66px); top: 0; z-index: 945; overflow-y: auto; overscroll-behavior: contain; }
.winkel.terra.tel-strak.met-onderbalk .shop-lade-vlak[data-verdieping="0"] > .shop-lade-kop { display: flex; }
.winkel.terra.tel-strak.met-onderbalk .shop-lade-kop .shop-lade-sluit { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin-left: auto; padding: 0; border: 0; background: none; color: var(--nova-inkt); font-size: 28px; line-height: 1; cursor: pointer; }
.winkel.terra.met-onderbalk.onderbalk-hulp .chat-widget .chat-kop .chat-sluit { margin-left: auto; width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; }
.winkel.terra.tel-strak .shop-onderbalk:has(.is-open) .shop-onderbalk-tab.aan:not(.is-open) { color: var(--nova-gedempt); }
.winkel.terra.tel-strak .shop-onderbalk:has(.is-open) .shop-onderbalk-tab.aan:not(.is-open)::before { content: none; }
.winkel.terra.tel-strak .shop-onderbalk .shop-onderbalk-tab.is-open { color: var(--nova-inkt); }
.winkel.terra.tel-strak .shop-onderbalk .shop-onderbalk-tab.is-open::before { content: ""; position: absolute; top: -1px; left: 24%; right: 24%; height: 3px; background: var(--winkel-accent); }
}
@media (max-width: 760px) {
.winkel.terra.tel-strak .site-categorien.compact .site-categorie { gap: 10px; padding: 8px 10px; min-height: 56px; }
.winkel.terra.tel-strak .site-categorien.compact .site-categoriefoto { width: 40px; height: 40px; }
.winkel.terra.tel-strak .site-categorien.compact .site-categorienaam b { font-size: 14px; font-weight: 700; text-transform: none; letter-spacing: 0; overflow-wrap: normal; word-break: normal; hyphens: manual; line-height: 1.25; }
.winkel.terra.tel-strak [class*="site-bericht"] { min-width: 0; }
.winkel.terra.tel-strak .site-bericht-naam { overflow-wrap: anywhere; hyphens: auto; }
.winkel.terra.tel-strak [class*="site-bericht"] :is(p, span) { overflow-wrap: anywhere; }
.winkel.terra.tel-strak .huur-chips { display: flex; flex-wrap: nowrap; gap: 8px; overflow-x: auto; scrollbar-width: none; margin-left: -16px; margin-right: -16px; padding: 0 16px; }
.winkel.terra.tel-strak .huur-chips::-webkit-scrollbar { display: none; }
.winkel.terra.tel-strak .huur-chips::after { content: ""; flex: 0 0 8px; }
.winkel.terra.tel-strak .huur-chips .huur-chip { flex: 0 0 auto; height: 36px; padding: 0 14px; border-radius: 4px; font-size: 14px; font-weight: 600; display: inline-flex; align-items: center; white-space: nowrap; }
.winkel.terra.tel-strak .huur-tarieven { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.winkel.terra.tel-strak .huur-tarieven .huur-tarief { width: auto; min-width: 0; margin: 0; }
.winkel.terra.tel-strak .shop-main .huur-knop-klein { min-height: 44px; height: auto; }
}
@media (max-width: 760px) {
.winkel.terra.tel-strak { --nova-zij: 16px; }
}
@media (max-width: 760px) {
.winkel.terra.tel-strak .huur-mks .huur-mk { display: grid; grid-template-columns: 96px minmax(0, 1fr); column-gap: 14px; row-gap: 3px; padding: 14px 16px 0; align-items: start; align-content: start; }
.winkel.terra.tel-strak .huur-mks .huur-mk > * { grid-column: 2; margin-left: 0; margin-right: 0; min-width: 0; }
.winkel.terra.tel-strak .huur-mks .huur-mk > .huur-mkfoto { grid-column: 1; grid-row: 1 / span 4; width: 96px; height: 96px; align-self: start; background: none; border-radius: 0; position: relative; overflow: hidden; }
.winkel.terra.tel-strak .huur-mks .huur-mk > .huur-mkfoto img { width: 96px; height: 96px; padding: 0; object-fit: contain; }
.winkel.terra.tel-strak .huur-mks .huur-mk > :is(.huur-tarieven, .huur-stand, .huur-mkvoet) { grid-column: 1 / -1; }
.winkel.terra.tel-strak .huur-mks .huur-mk > .huur-tarieven { margin-top: 12px; }
.winkel.terra.tel-strak .huur-mks .huur-mk > .huur-stand { margin-top: 8px; }
.winkel.terra.tel-strak .huur-mks .huur-mk > .huur-mkvoet { margin: 0 -16px; padding: 12px 16px 16px; }
.winkel.terra.tel-strak .huur-mks .huur-mk .huur-mknaam { font-size: 16px; line-height: 1.3; }
.winkel.terra.tel-strak .huur-mks .huur-mk > .huur-badge { position: static; grid-column: 2; grid-row: 1; justify-self: start; margin: 0 0 4px; }
}
@media (max-width: 760px) {
.winkel.terra.tel-strak .site-hero.metfoto,
.winkel.terra.tel-strak .site-hero.metfoto .site-hero-dias,
.winkel.terra.tel-strak .site-hero.metfoto .site-hero-dia { height: auto !important; }
.winkel.terra.tel-strak .site-hero-dia.metfoto:not(.kaart) > .site-hero-foto { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.winkel.terra.tel-strak .site-hero-dia.metfoto:not(.kaart) > .site-hero-in { position: relative; z-index: 1; height: auto; min-height: 260px; padding: 28px 16px; box-sizing: border-box; justify-content: flex-end; }
.winkel.terra.tel-strak.stramien-ruim .site-kaart-knop { color: var(--nova-accent-op, #fff); }
.winkel.terra.tel-strak .site-stap > .site-stap-nummer { color: var(--winkel-accent-ink, #fff); }
}
@media (max-width: 760px) {
.winkel.terra.tel-strak .afr-totalen { column-gap: 0; }
.winkel.terra.tel-strak .afr-totalen > .tot { padding-left: 0; padding-right: 0; }
}
@media (max-width: 760px) {
.winkel.terra.tel-strak :is(.site-rubriek, .site-auteurrol, .site-auteurblok-kop) { font-size: 13px !important; }
.winkel.terra.tel-strak a.shop-kaart span[style*="font-size:11px"] { font-size: 13px !important; }
}
@media (max-width: 760px) {
.winkel.terra.tel-strak .shop-main > .shop-kruimels,
.winkel.terra.tel-strak .shop-kruimels { justify-content: flex-start; align-items: center; min-height: 44px; margin: -8px 0 8px; padding: 0; background: transparent; border: 0; box-shadow: none; }
}
@media (max-width: 760px) {
.winkel.terra.tel-strak #chat-paneel .chat-kop-tekst small { font-size: 13px; }
.winkel.terra.tel-strak #chat-paneel .chat-tab,
.winkel.terra.tel-strak #chat-paneel .chat-tab span { font-size: 13px; }
.winkel.terra.tel-strak .shop-lade-vlak > a.shop-btw,
.winkel.terra.tel-strak .shop-lade-vlak a.shop-btw { margin-left: 0; padding-left: 0; min-height: 44px; }
}
@media (max-width: 760px) {
.winkel.terra.tel-strak .shop-main h1.wagen-titel { margin-left: -16px; margin-right: -16px; padding-left: 16px; padding-right: 16px; }
.winkel.terra.tel-strak .shop-main > .klant-band,
.winkel.terra.tel-strak .shop-main .klant-band { box-sizing: border-box; width: calc(100% + 32px); max-width: none; margin-left: -16px; margin-right: -16px; padding-left: 16px; padding-right: 16px; }
}
@media (min-width: 761px) and (max-width: 1199px) {
.winkel.terra.tel-strak .site-hero.metfoto,
.winkel.terra.tel-strak .site-hero.metfoto .site-hero-dias,
.winkel.terra.tel-strak .site-hero.metfoto .site-hero-dia { height: auto !important; }
.winkel.terra.tel-strak .site-hero.metfoto .site-hero-dia:not(.kaart) > .site-hero-in { height: auto; min-height: 440px; padding-bottom: 48px; box-sizing: border-box; }
}
@media (max-width: 760px) {
body.winkel.terra.tel-strak.afrekenen { padding-bottom: 88px; }
}