.dar-shop-relations { width: 100%; margin: 54px 0 30px; padding: 32px; border: 1px solid #e8ddcf; border-radius: 20px; background: linear-gradient(145deg, #fff 0%, #fbf7f1 100%); color: #33271f; box-shadow: 0 18px 50px rgba(65,43,25,.07); }
.dar-shop-relations__heading { display: block; margin-bottom: 24px; }
.dar-shop-relations__eyebrow { color: #a86b2c; font-size: 9px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.dar-shop-relations__heading h2 { margin: 5px 0 0; color: #33271f; font-family: "Playfair Display", Georgia, serif; font-size: clamp(27px, 3vw, 38px); font-weight: 600; line-height: 1.1; white-space: nowrap; }
.dar-shop-relations__heading p { display: none; }
.dar-shop-relations__tabs { display: flex; flex-wrap: nowrap; gap: 2px 12px; margin: 0; padding: 8px 4px; overflow-x: auto; overflow-y: hidden; border-top: 1px solid #e1d2c1; border-bottom: 1px solid #e1d2c1; scroll-snap-type: x proximity; scrollbar-width: none; -ms-overflow-style: none; }
.dar-shop-relations__tabs::-webkit-scrollbar { display: none; }
.dar-shop-relations__tabs button,
.dar-shop-relations__tabs button[aria-selected="true"] { display: inline-flex; min-height: 40px; flex: 0 0 auto; align-items: center; margin: 0; padding: 7px 10px; border: 0; border-radius: 0; background: transparent; color: #625449; box-shadow: none; font-family: Lato, Arial, sans-serif; font-size: 15px; font-weight: 700; line-height: 1.25; letter-spacing: 0; text-transform: none; }
.dar-shop-relations__tabs button[aria-selected="true"] { color: #9b632e; }
.dar-shop-relations__panel[hidden] { display: none !important; }
.dar-shop-relations__panel { padding-top: 5px; }
.dar-shop-relations__subgroups { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 11px; }
.dar-shop-relation-card { position: relative; display: grid; min-width: 0; min-height: 116px; grid-template-columns: 38px minmax(0,1fr); grid-template-rows: auto 44px; align-items: center; gap: 8px 10px; margin: 0; padding: 15px; border: 1px solid #e8ddcf; border-radius: 14px; background: #fff; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.dar-shop-relation-card:hover { border-color: #d7b790; box-shadow: 0 12px 28px rgba(65,43,25,.09); transform: translateY(-2px); }
.dar-shop-relation-card__icon { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 50%; background: #f5e8d8; color: #a86b2c; }
.dar-shop-relation-card__icon svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.6; }
.dar-shop-relation-card__copy { min-width: 0; }
.dar-shop-relation-card__copy h3 { margin: 0; overflow: hidden; color: #33271f; font-family: Lato, Arial, sans-serif; font-size: 13px; font-weight: 700; line-height: 1.25; letter-spacing: 0; text-overflow: ellipsis; white-space: nowrap; }
.dar-shop-relation-card__copy h3 a { color: inherit; }
.dar-shop-relation-card__copy > span { color: #8c7d70; font-family: Lato, Arial, sans-serif; font-size: 10px; font-weight: 700; letter-spacing: 0; text-transform: none; }
.dar-shop-relation-card__samples { display: flex; grid-column: 1 / -1; align-self: end; align-items: center; padding-left: 4px; }
.dar-shop-relation-card__samples a { display: block; width: 42px; height: 42px; margin-left: -7px; border: 2px solid #fff; border-radius: 50%; background: #f5eee6; box-shadow: 0 3px 9px rgba(65,43,25,.12); }
.dar-shop-relation-card__samples a:first-child { margin-left: 0; }
.dar-shop-relation-card__samples img { display: block; width: 100%; height: 100%; border-radius: inherit; object-fit: cover; }
.dar-shop-relation-card__samples .dar-shop-relation-card__link { display: grid; width: 42px; height: 42px; place-items: center; border: 2px solid #fff; border-radius: 50%; background: #a86b2c; color: #fff; font-size: 16px; box-shadow: 0 3px 9px rgba(65,43,25,.12); }
.dar-shop-relations__all { display: inline-flex; align-items: center; gap: 9px; margin-top: 17px; color: #9b632e; font-size: 10px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.dar-shop-relations__all span { font-size: 15px; }
@media (min-width: 768px) {
    .dar-shop-relation-card { min-height: 132px; grid-template-rows: auto 59px; }
    .dar-shop-relation-card__copy h3 { font-size: 16px; }
    .dar-shop-relation-card__copy > span { font-size: 12px; }
    .dar-shop-relation-card__samples a,
    .dar-shop-relation-card__samples .dar-shop-relation-card__link { width: 57px; height: 57px; margin-left: -9px; }
    .dar-shop-relation-card__samples a:first-child { margin-left: 0; }
    .dar-shop-relation-card__samples .dar-shop-relation-card__link { font-size: 19px; }
}
@media (max-width: 767px) {
    .dar-shop-relations { width: calc(100% + 28px); margin: 38px -14px 20px; padding: 23px 14px; border-width: 1px 0; border-radius: 0; box-shadow: none; }
    .dar-shop-relations__heading { display: block; margin-bottom: 19px; text-align: center; }
    .dar-shop-relations__eyebrow { display: none; }
    .dar-shop-relations__heading h2 { font-size: 24px; text-align: center; }
    .dar-shop-relations__heading h2 { white-space: normal; }
    .dar-shop-relations__heading p { display: block; max-width: none; margin: 7px 0 0; font-size: 12px; text-align: center; }
    .dar-shop-relations__tabs { flex-wrap: nowrap; margin: 0; padding: 8px 4px; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: none; }
    .dar-shop-relations__tabs::-webkit-scrollbar { display: none; }
    .dar-shop-relations__tabs button,
    .dar-shop-relations__tabs button[aria-selected="true"] { position: relative; min-height: 40px; padding: 7px 10px; border: 0; border-radius: 0; background: transparent; box-shadow: none; color: #625449; font-family: Lato, Arial, sans-serif; font-size: 15px; font-weight: 700; line-height: 1.25; }
    .dar-shop-relations__tabs button[aria-selected="true"] { color: #9b632e; }
    .dar-shop-relations__subgroups { display: flex; gap: 9px; margin: 0; padding: 10px 0 8px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
    .dar-shop-relations__subgroups::-webkit-scrollbar { display: none; }
    .dar-shop-relation-card { min-height: 145px; flex: 0 0 74vw; grid-template-rows: auto 69px; padding: 12px; scroll-snap-align: start; }
    .dar-shop-relation-card__copy h3 { overflow: visible; font-size: 16px; line-height: 1.3; text-overflow: clip; white-space: normal; }
    .dar-shop-relation-card__copy > span { font-size: 10px; }
    .dar-shop-relation-card__samples a,
    .dar-shop-relation-card__samples .dar-shop-relation-card__link { width: 64px; height: 64px; margin-left: -10px; }
    .dar-shop-relation-card__samples a:first-child { margin-left: 0; }
    .dar-shop-relation-card__samples .dar-shop-relation-card__link { font-size: 24px; }
    .dar-shop-relations__all { margin-left: 2px; }
}