.tablet-wrap{width:250px;position:relative;transform:rotate(9deg)}.tablet-frame{width:250px;height:330px;background:#111;border-radius:18px;border:3px solid #333;position:relative;overflow:hidden;box-shadow:0 18px 24px rgba(0,0,0,.18),0 44px 65px rgba(0,0,0,.28)}.tablet-screen{position:absolute;inset:8px;background:#f5f0e8;border-radius:8px;overflow:hidden;display:flex;justify-content:center;align-items:center}.tablet-cover{width:100%;height:100%;background:linear-gradient(160deg,var(--mid-bg-start),var(--mid-bg-end));display:flex;flex-direction:column;justify-content:center;align-items:center;padding:16px}.cover-title-txt{font-family:"Playfair Display",serif;font-size:16px;color:white;text-align:center;font-weight:700}.cover-title-txt span{display:block;margin-top:4px;font-size:10px;opacity:.8;text-transform:uppercase}.cover-dots{display:flex;gap:5px;margin-top:8px}.cover-dot{width:8px;height:8px;border-radius:50%;background:var(--mid-accent)}.cover-dot:nth-child(2){width:6px;height:6px;background:#fff}.cover-dot:nth-child(3){background:#a8d478}.tablet-btn-bar{width:22px;height:4px;background:#444;margin:8px auto 0;border-radius:2px}@media (max-width:768px){.tablet-wrap{width:200px;transform:rotate(5deg)}.tablet-frame{width:200px;height:265px}}