/* Moroccan doorway frames for the catalogue families; no product image is edited. */
.tdc-families .tdc-family-grid > a.tdc-family-card {
 position:relative;isolation:isolate;padding:12px;box-sizing:border-box;
 border:2px solid #a77a32;border-radius:8px;
 background:#f4ead4 url("zellige-frame.svg") repeat;background-size:64px 64px;
 box-shadow:0 4px 14px #294b3612;overflow:hidden;color:#233e30;
}
.tdc-families .tdc-family-grid > a.tdc-family-card::before {
 content:"";position:absolute;inset:4px;border:1px solid #294b36;
 border-radius:inherit;pointer-events:none;z-index:2;
}
.tdc-families .tdc-family-card .tdc-family-photo {
 position:relative;aspect-ratio:1/1;padding:clamp(20px,3vw,36px);
 padding-top:clamp(45px,6vw,72px);padding-inline:clamp(32px,4vw,48px);border:1px solid #c5aa70;border-bottom:0;
 border-radius:2px;background:#fbf8ef;
 overflow:hidden;box-sizing:border-box;
}
.tdc-families .tdc-family-card .tdc-family-photo::after {
 content:"";position:absolute;inset:0;pointer-events:none;
 background:url("gold-door-frame.png?v=21") center/100% 100% no-repeat;
}
.tdc-families .tdc-family-card .tdc-family-photo img {
 width:100%!important;height:100%!important;object-fit:contain!important;
 position:static!important;margin:0!important;transform:none!important;
}
.tdc-families .tdc-family-card .tdc-family-copy {
 position:relative;background:#fffdf7;border:1px solid #c5aa70;border-top:0;
 border-radius:0 0 5px 5px;padding:22px 12px 26px;margin-top:0;flex:1;
}
.tdc-families .tdc-family-card .tdc-family-copy::before {
 content:"✦";display:block;color:#a77a32;font-size:18px;line-height:1;margin-bottom:12px;
}
.tdc-families .tdc-family-card .tdc-family-copy h3 {color:#233e30;line-height:1.6}
.tdc-families .tdc-family-card .tdc-family-copy span {color:#294b36;border-bottom:1px solid #a77a32}
.tdc-families .tdc-family-grid > a.tdc-family-card:hover {box-shadow:0 8px 22px #294b3625}
.tdc-families .tdc-family-grid > a.tdc-family-card:focus-visible {outline:3px solid #294b36;outline-offset:4px}
@media(max-width:640px){
 .tdc-families .tdc-family-grid > a.tdc-family-card{padding:8px;background-size:48px 48px}
 .tdc-families .tdc-family-card .tdc-family-photo{padding:14px 26px;padding-top:44px}
 .tdc-families .tdc-family-card .tdc-family-copy{padding:16px 8px 20px}
 .tdc-families .tdc-family-card .tdc-family-copy h3{font-size:1rem}
}