/* Continuous, resolution-independent background: no bitmap, tile or repeating pattern. */
:root{--card-radius:18px}
body.materials-layout{background-color:#f5f6f2;background-image:url('assets/background-options/abstract-dense.svg'),radial-gradient(ellipse at 0% 5%,rgba(7,94,171,.09),transparent 68%),radial-gradient(ellipse at 100% 90%,rgba(130,150,120,.07),transparent 66%);background-size:560px 560px,100% 100%,100% 100%;background-position:top center;background-repeat:repeat,no-repeat,no-repeat;background-attachment:fixed}
.offer-card,.type-card,.machine-card,.bag-card,.film-panel,.model-aside,.contact-feedback,.home-contacts .contact-details{border-radius:var(--card-radius)}
.type-card,.machine-card,.bag-card,.film-panel{overflow:hidden}
.material-table,.model-table{border-radius:var(--card-radius);overflow:hidden}
.material-table tr:first-child>th:first-child,.model-table tr:first-child>th:first-child{border-top-left-radius:var(--card-radius)}
.material-table tr:first-child>td:last-child,.model-table tr:first-child>td:last-child{border-top-right-radius:var(--card-radius)}
.material-table tr:last-child>th:first-child,.model-table tr:last-child>th:first-child{border-bottom-left-radius:var(--card-radius)}
.material-table tr:last-child>td:last-child,.model-table tr:last-child>td:last-child{border-bottom-right-radius:var(--card-radius)}
@media(max-width:680px){:root{--card-radius:15px}}

.offer-card[data-card-href]{cursor:pointer}.offer-card[data-card-href]:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.offer-card .offer-list a{display:block;color:inherit;text-decoration:none}.offer-card .offer-list a:hover{color:var(--blue);text-decoration:underline;text-underline-offset:4px}.offer-card .offer-list a:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:3px}

/* The approved translucent cards and interaction apply throughout the catalogue. */
.offer-card,.type-card,.machine-card,.bag-card{background:rgba(235,239,233,.78);transition:background-color .2s ease,box-shadow .2s ease,transform .2s ease}
.home-contacts .contact-details,.contact-feedback{background:rgba(235,239,233,.85)}
@media(hover:hover) and (pointer:fine){.type-card:hover,.machine-card:hover,.bag-card:hover{background:#dce8ed;box-shadow:0 7px 20px #173b5214;transform:translateY(-3px)}}
.type-card:focus-visible,.machine-card:focus-within,.bag-card:focus-visible{background:#dce8ed;box-shadow:0 0 0 2px var(--blue)}
@media(prefers-reduced-motion:reduce){.type-card,.machine-card,.bag-card{transition:none}.type-card:hover,.machine-card:hover,.bag-card:hover{transform:none}}