.gold-recommendations { margin: 30px 0 36px; padding: 20px; border: 1px solid rgba(255,255,255,.08); border-radius: 14px; background: #201b2e; }
.gold-recommendations-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
.gold-recommendations h2 { margin: 0; color: #fff; line-height: 1.2; }
.gold-recommendations-navigation { display: flex; gap: 8px; }
.gold-recommendations-navigation button { width: 30px; height: 30px; border: 1px solid rgba(255,255,255,.22); border-radius: 6px; background: transparent; color: #fff; font-size: 22px; line-height: 1; cursor: pointer; }
.gold-recommendations-navigation button:hover { border-color: #ff3157; color: #ff3157; }
.gold-recommendations-navigation button.swiper-button-disabled { opacity: .35; cursor: default; }
.gold-recommendations-swiper { width: 100%; }
.gold-recommendations-swiper .swiper-slide { height: auto; }
.gold-recommendation { display: flex; flex-direction: column; height: 100%; overflow: hidden; border: 1px solid rgba(255,255,255,.09); border-radius: 10px; background: #191522; transition: border-color .2s; }
.gold-recommendation:hover { border-color: rgba(255,72,104,.55); }
.gold-recommendation-media { position: relative; display: flex; align-items: center; justify-content: center; height: 150px; overflow: hidden; background: #231d31; }
.gold-recommendation-media img { display: block; width: 100%; height: 150px; object-fit: scale-down; }
.gold-recommendation-media::after { content: ''; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(to bottom, transparent 35%, rgba(25,21,34,.45) 72%, #191522 100%); }
.gold-recommendation-body { display: flex; flex: 1; flex-direction: column; min-width: 0; padding: 11px; }
.gold-recommendation h3 { display: -webkit-box; min-height: 38px; margin: 0 0 10px; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #fff; font-size: 13px; line-height: 1.45; }
.gold-recommendation-footer { display: flex; align-items: center; justify-content: space-between; gap: 6px; margin-top: auto; }
.gold-recommendation-price { min-width: 0; color: #ff4667; font-size: 16px; font-weight: 700; white-space: nowrap; }
.gold-recommendation-action { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; min-height: 32px; margin-left: auto; padding: 0 9px; border: 0; border-radius: 6px; background: #ff3157; color: #fff; font-family: var(--font-family-oxanium-sans-serif); font-size: 12px; font-weight: 700; cursor: pointer; text-decoration: none; transition: background-color .2s,color .2s; }
.gold-recommendation-action:hover, .gold-recommendation-action:focus-visible { background: #fff; color: #ff4757; }
.gold-recommendation-action:disabled { opacity: .6; cursor: wait; }
@media (max-width: 767px) { .gold-recommendations { padding: 15px; } .gold-recommendation-media, .gold-recommendation-media img { height: 110px; } .gold-recommendation-footer { flex-wrap: wrap; } }