#seven-note-covers{max-width:1344px;margin:28px auto 18px;padding:0 20px}
#seven-note-covers h2{font-family:inherit;color:#2d317b;font-size:26px;font-weight:700;text-align:center;margin:0 0 24px}
.seven-note-carousel{position:relative;padding-inline:22px}
.seven-note-carousel{--seven-note-width:212px}
.seven-note-track{--seven-note-columns:1;--seven-note-gap:36px;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--seven-note-columns) - 1) * var(--seven-note-gap)) / var(--seven-note-columns));gap:var(--seven-note-gap);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:8px 0 10px}
.seven-note-track::-webkit-scrollbar{display:none}
.seven-note-card{min-width:0;scroll-snap-align:start;text-align:center}
.seven-note-card img{display:block;width:min(100%,var(--seven-note-width));height:auto;aspect-ratio:210/297;object-fit:contain;margin:0 auto 14px;box-shadow:0 6px 13px #252a4933}
#seven-note-covers .seven-note-card h3,#seven-note-covers .seven-note-card p{width:min(100%,var(--seven-note-width));margin-inline:auto;text-align:right;font-family:IRANSansX,sans-serif}
#seven-note-covers .seven-note-card h3{font-size:16px;font-weight:700;line-height:1.65;color:#2d317b;margin-block:0 6px}
#seven-note-covers .seven-note-card p{color:#06a791;margin-block:0;font-size:11px;font-weight:400;line-height:1.6}
#seven-note-covers .seven-note-card p bdi{font-size:15px;font-weight:600;line-height:1.6}
.seven-note-card .seven-note-buy:disabled{display:flex;justify-content:center;align-items:center;min-height:42px;width:min(100%,var(--seven-note-width));margin:12px auto 0;padding:0;border:0;border-radius:0;background:#d9d9dd!important;color:#555762!important;font:600 13px/1.6 IRANSansX,sans-serif;opacity:1;cursor:default}
.seven-note-carousel > button:not([hidden]){position:absolute;top:calc(var(--seven-note-width) * 297 / 420 - 8px);display:grid;place-items:center;width:31px;height:31px;min-height:0;padding:0;border:0;border-radius:0;background:#2d317b!important;color:white!important;direction:ltr}
.seven-note-carousel > button svg{display:block;width:100%;height:100%}
.seven-note-prev svg{transform:scaleX(-1)}
.seven-note-prev{right:0}.seven-note-next{left:0}
.seven-note-dots{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:10px}
#seven-note-covers .seven-note-dots button{display:block;width:12px;height:12px;min-width:0;min-height:0;padding:0;border:0;border-radius:0;box-shadow:none;background:#eee!important}
#seven-note-covers .seven-note-dots button[aria-current="true"]{background:#2d317b!important}
@media(max-width:767px){#seven-note-covers .seven-note-card h3,#seven-note-covers .seven-note-card p bdi{font-size:13px}#seven-note-covers .seven-note-card p{font-size:10px}.seven-note-card .seven-note-buy:disabled{font-size:12px}#seven-note-covers{padding:0 8px}#seven-note-covers h2{font-size:20px}.seven-note-track{--seven-note-gap:24px}.seven-note-carousel > button:not([hidden]){width:27px;height:27px}}
