.browser-mockup{perspective:1500px;transform-style:preserve-3d;flex-shrink:0;justify-content:center;align-items:center;padding:10px;display:flex;position:relative}.browser-frame{transform-origin:50%;background:#fff;border-radius:8px;width:340px;height:260px;transition:transform .4s;overflow:hidden;transform:rotateY(-15deg)rotateX(5deg);box-shadow:0 20px 60px #0000004d,0 5px 15px #0003}.browser-frame:hover{transform:rotateY(-10deg)rotateX(3deg)translateZ(20px)}.feature-reverse .browser-frame{transform:rotateY(15deg)rotateX(5deg)}.feature-reverse .browser-frame:hover{transform:rotateY(10deg)rotateX(3deg)translateZ(20px)}.browser-header{background:#f1f1f1;border-bottom:1px solid #ddd;align-items:center;gap:10px;height:30px;padding:0 10px;display:flex}.browser-buttons{gap:6px;display:flex}.browser-button{border-radius:50%;width:10px;height:10px}.browser-button-red{background-color:#ff5f57}.browser-button-yellow{background-color:#ffbd2e}.browser-button-green{background-color:#28c940}.browser-address{color:#666;background:#fff;border-radius:4px;flex:1;align-items:center;height:20px;padding:0 8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:10px;display:flex}.browser-content{box-sizing:border-box;background:#f8f8f8;width:100%;height:calc(100% - 30px);padding:10px;position:relative;overflow:hidden}.browser-content img{border-radius:4px;width:100%;height:auto}.mockup-content-preview{padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.mockup-title{text-align:center;color:#333;margin-bottom:15px;font-size:18px;font-weight:300}.mockup-tabs{border-bottom:1px solid #e5e7eb;gap:8px;margin-bottom:15px;font-size:11px;display:flex}.mockup-tab{color:#6b7280;border-bottom:2px solid #0000;padding:6px 10px}.mockup-tab.active{color:#1e40af;border-bottom-color:#1e40af;font-weight:600}.mockup-table{font-size:12px}.mockup-row{border-bottom:1px solid #f3f4f6;align-items:center;gap:8px;padding:8px;display:flex}.mockup-check{color:#10b981;font-weight:700}.mockup-emergency-tabs{flex-wrap:wrap;gap:4px;margin-bottom:15px;font-size:10px;display:flex}.mockup-emergency-tab{color:#6b7280;background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px 4px 0 0;padding:4px 8px}.mockup-emergency-tab.active{color:#1e40af;background:#fff;border-bottom-color:#fff;font-weight:600}.mockup-section{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;margin-bottom:10px;padding:10px}.mockup-section-title{color:#dc2626;margin-bottom:6px;font-size:13px;font-weight:600}.mockup-list{color:#4b5563;font-size:11px;line-height:1.4}.mockup-drugs-content{padding:15px}.mockup-drugs-section{margin-bottom:15px}.mockup-drugs-title{color:#111827;margin-bottom:8px;font-size:14px;font-weight:600}.mockup-drugs-item{color:#4b5563;margin-bottom:6px;padding-left:12px;font-size:11px;position:relative}.mockup-drugs-item:before{content:"•";color:#6b7280;position:absolute;left:0}@media (width<=768px){.browser-frame{width:250px;height:195px;transform:rotateY(-10deg)rotateX(3deg)}.browser-frame:hover{transform:rotateY(-5deg)rotateX(2deg)}.feature-reverse .browser-frame{transform:rotateY(10deg)rotateX(3deg)}.feature-reverse .browser-frame:hover{transform:rotateY(5deg)rotateX(2deg)}}