.pharma-random-preview[hidden] { display: none; }
.pharma-random-preview {
 display: grid;
 grid-template-columns: repeat(3, minmax(0, 1fr));
 gap: 24px;
 width: 100%;
 max-width: 1200px;
 margin: 24px auto 48px;
 padding: 0 20px;
 box-sizing: border-box;
}
.pharma-random-preview > a {
 display: flex;
 align-items: center;
 justify-content: center;
 min-width: 0;
 height: 240px;
 padding: 18px;
 box-sizing: border-box;
 background: #fff;
 border: 1px solid #e0dde4;
 border-radius: 10px;
 box-shadow: 0 4px 16px rgb(36 33 43 / 5%);
 transition: border-color .15s ease, box-shadow .15s ease;
}
.pharma-random-preview > a:hover,
.pharma-random-preview > a:focus-visible {
 border-color: #79529b;
 box-shadow: 0 6px 20px rgb(36 33 43 / 12%);
}
.pharma-random-preview > a:focus-visible {
 outline: 2px solid #79529b;
 outline-offset: 4px;
}
.pharma-random-preview img {
 display: block;
 width: 100%;
 height: 100%;
 object-fit: contain;
 background: #fff;
}
@media (max-width: 767px) {
 .pharma-random-preview { gap: 12px; padding: 0 16px; }
 .pharma-random-preview > a { height: 145px; padding: 8px; }
}
@media (max-width: 420px) {
 .pharma-random-preview { gap: 8px; }
 .pharma-random-preview > a { height: 110px; }
}
@media (prefers-reduced-motion: reduce) {
 .pharma-random-preview > a { transition: none; }
}